逐漸增加的線Raphael.js

Question

我想知道是否有可能在raphael.js中畫一條線，逐漸增加其寬度。

它將從例如2px的筆劃寬度開始，並以stroke-width的10px結束。

有人知道該怎麼做嗎？

Answer 1

是的，這很簡單。給定一個拉斐爾紙質濾芯paper和路徑字符串pathstr，只是這樣做：

var linepath = paper.path(pathstr).attr({ stroke: 'black', fill: 'none', 'stroke-width': 2.0 }).animate({ 'stroke-width': 10.0 }, 5000); 

除非我失去了你的要求的東西，它真的就是這麼簡單。