| Autor | Zpráva | ||
|---|---|---|---|
| Sylar Profil |
#1 · Zasláno: 16. 5. 2013, 15:08:49
Zdravím,
snažím se zanimovat objekt polyline na SVG plátně. Podařilo se mi vytvořit toto - http://jsfiddle.net/uprtb/ <svg id="svg" xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
<polyline points=''
fill='none' stroke='violet' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill-opacity='0'>
<animate begin="svg.click" attributeName='points' values="0,0 30,25 0,75 150,150 150,10" dur='5s' repeatCount='1' calcMode='linear' />
</polyline>
</svg>Po kliknutí na plátno se vykreslí čára celá najednou. Potřeboval bych ji vykreslit animací, která by trvala nastavených 5 sekund a celá animace byla plynulá od prvního bodu až po koncový. Bohužel se mi nedaří přijít jak na to. Netuší někdo jak na to? :) |
||
|
Časová prodleva: 11 let
|
|||
0