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

【问题标题】：How to rotate gradient using SVG.js?如何使用 SVG.js 旋转渐变？
【发布时间】：2014-07-20 10:44:40
【问题描述】：

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

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

但没有效果。

【问题讨论】：

【解决方案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 的一个很好的补充。我将在下一个版本中包含它。

【讨论】：