점차 증가하는 라인 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); 

나는 귀하의 요청에 뭔가를 누락하지 않는 한, 그것은 정말 쉬운 것입니다.