Path

Prvek Path umožňuje řízení pohybu objektů na stránce. Jeho classid je:
clsid:d7a7d7c3-d47f-11d0-89d3-00a0c90833e6, zápis vypadá takto: <object id="path"
classid="clsid:d7a7d7c3-d47f-11d0-89d3-00a0c90833e6">
<param name="AutoStart" value="true">
<param name="Repeat" value="-1">
<param name="Bounce" value="false">
<param name="Duration" value="5.000">
<param name="Shape" value="Rect(1,1,100,100)">
<param name="Target" value="text">
</object>
<DIV id="text" style="position:relative">Pohybující se text</DIV>
Tento zdrojový kód způsobí, že se objekt s ID=text (parametr Target) začne po načtení stránky sám pohybovat (Autostart) po čtvercové trajektorii (Shape). Trajektorii opíše za 5s (Duration) a po dosáhnutí konce začne opět znovu putovat od začátku (Bounce, je-li true tak se objekt vrátí po trajektorii zpět) a tento pohyb bude opakovat do nekonečna (Repeat).
Tvar trajektorie můžeme ovlivnit metodami pro kreslení pomocí Structured Graphics - Oval, Polygon, PolyLine, Rect, Spline. Metoda Seek nastavuje objekt na určité místo na trajektorii, do kterého by objekt dorazil v určitém čase.
Běh objektu ovlivníme funkcemi Play(), Pause(), Stop(), Seek().

path.Seek(3.00)

Dále je užitečná metoda AddTimeMarker, ta nastaví značku na určitý čas v animaci, kdy se aktivuje událost onmarker a lze provést nějakou akci. Nastavuje se mezi atributy <PARAM> - <PARAM name="AddTimeMarker" value="3,count,true">

Zpět na informace o DX animation