SVG => एनीमेशन

टिप्पणियों

के माध्यम से SMIL एनीमेशन <animate> तत्व वर्तमान में (2016 जुलाई) माइक्रोसॉफ्ट ब्राउज़रों के अपवाद के साथ प्रमुख ब्राउज़रों में समर्थित है। एक पुस्तकालय (फर्जीएसएमआईएल) है जिसे माइक्रोसॉफ्ट संगतता के लिए पॉलीफिल के रूप में इस्तेमाल किया जा सकता है।

Chrome 45 ने सीएसएस एनिमेशन के पक्ष में SMIL को अपदस्थ किया और आगामी वेब एनिमेशन घोषणात्मक एनिमेशन सिंटैक्स, जो दुर्भाग्य से, वर्तमान ब्राउज़रों में केवल आंशिक रूप से लागू किया गया है। लेकिन क्रोम डेवलपर्स ने हाल ही में अपने इरादे को स्थगित कर दिया (देखें इस 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

के तहत लाइसेंस प्राप्त है CC BY-SA 3.0

से संबद्ध नहीं है Stack Overflow

SVG
एनीमेशन

खोज…

टिप्पणियों