逐渐增加线路Raphael.js

Question

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

它将以笔划宽度开始，例如2px，并以10px的stroke-width结束。

有人知道怎么做吗？

Answer 1

是的，这很简单。给定一个拉斐尔纸张元素paper和路径字符串pathstr，只需执行以下操作：

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

除非我在您的请求中遗漏了什么，否则这真的很简单。