如何使用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的一个很好的补充。我将在下一个版本中包含它。