逐渐增加线Raphael.js

Question

我想知道是否可以在raphael.js中绘制一条逐渐增加宽度的线。

它会以例如2px的笔画宽度开头，并以stroke-width的{​​{1}}结束。

有人知道怎么做吗？

Answer 1

是的，这很简单。给定Raphael纸质元素paper和路径字符串pathstr，只需执行以下操作：

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

除非我在你的请求中遗漏了某些东西，否则它真的很容易。