如何使用SVG.js旋转渐变？

Question

如何使用SVG.js旋转渐变？ 我试过了

var gradient = draw.gradient('linear', function(stop) {
    stop.at(0, '#f2b181')
    stop.at(1, '#de6d1e')
}).rotate(45);

但没有效果。

Answer 1

可以使用from()和to()方法旋转线性渐变。因此，要实现45度旋转，您的代码将是：

var gradient = draw.gradient('linear', function(stop) {
  stop.at(0, '#f2b181')
  stop.at(1, '#de6d1e')
}).from(0, 0).to(1, 1)

这是一个小提琴，所以你可以玩它： http://jsfiddle.net/wout/ZhsFD/

但我可以看到rotate()方法的必要性，它将是api的一个很好的补充。我将把它包含在下一个版本中。