逐渐增加的线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); 

除非我失去了你的要求的东西，它真的就是这么简单。