raphael - 逐渐增加行 Raphael.js

Question

我想知道是否可以画一条线raphael.js，逐渐增加它的宽度。

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

有人知道该怎么做吗？

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 );

除非我在您的请求中遗漏了某些内容，否则这真的很容易。