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

私があなたの要求に何かを逃していない限り、それは本当に簡単です。