SVG
Animacja
Szukaj…
Uwagi
Animacja SMIL za pośrednictwem elementu <animate>
jest obecnie (lipiec 2016 r.) Obsługiwana w głównych przeglądarkach, z wyjątkiem przeglądarek Microsoft. Istnieje biblioteka (fakeSMIL), która może być używana jako polifill dla kompatybilności z Microsoft.
Chrome 45 wycofał SMIL na rzecz animacji CSS i nadchodzących animacji internetowych deklaratywna składnia animacji, która niestety jest tylko częściowo zaimplementowana w obecnych przeglądarkach. Ale programiści Chrome ostatnio zawiesili swoje zamiary (patrz odpowiedź StackOverflow )
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="50" y="50" height="100" width="100" stroke="black" fill="yellow">
<animate
attributeType="XML"
attributeName="height"
begin="0s"
dur="10s"
from="100"
to="200"
repeatCount="indefinite"
/>
</rect>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="50" y="50" height="100" width="100" stroke="black" fill="yellow">
<animateTransform
attributeType="XML"
attributeName="transform"
type="rotate"
begin="0s"
dur="10s"
from="0"
to="360"
repeatCount="indefinite"
/>
</rect>
</svg>
Modified text is an extract of the original Stack Overflow Documentation
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow