Autor Zpráva
Sylar
Profil
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? :)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: