如何使用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的一個很好的補充。我將把它包含在下一個版本中。