एसवीजी एनीमेशन अनुक्रम लूप कैसे करें?

मैं animationTransform के अनुक्रम है:एसवीजी एनीमेशन अनुक्रम लूप कैसे करें?

<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="30" begin="0s" dur="0.4s" fill="freeze"/> 
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="30" to="0" begin="0.4s" dur="0.4s" fill="freeze"/>

यदि यह संभव पाश करने के लिए स्क्रिप्ट का उपयोग कर के बिना इस क्रम?

मैं repeatCount="indefinite" का उपयोग करके अलग-अलग एनीमेशन को लूप पर सेट कर सकता हूं, जिससे मैं पूरे क्रम को लूप करना चाहता हूं।

स्रोत

2010-09-02 serg

पहले से ही यह पता लगाया। जो लोग रुचि रखते हैं के लिए समाधान:

<animateTransform id="anim1" attributeName="transform" attributeType="XML" type="rotate" from="0" to="30" begin="0s; anim2.end" dur="0.4s" fill="freeze"/> 
<animateTransform id="anim2" attributeName="transform" attributeType="XML" type="rotate" from="30" to="0" begin="anim1.end" dur="0.4s" fill="freeze"/>

स्रोत

2010-09-02 19:05:54 serg

(oold) फ़ायरफ़ॉक्स 10 में काम करता है, में काम नहीं करता (अप-टू-डेट) क्रोम 32, बस अगर कोई सामना करना पड़ता है वही मुद्दा। और एनीमेशन समय की सभी क्षमताओं का वर्णन करने वाले कुछ उपयोगी लिंक: [डब्ल्यू 3 सी एसवीजी 1.1 स्पेक।] (Http://www.w3.org/TR/SVG/animate.html#TimingAttributes), [डेवलपर.मोज़िला.org] (https : //developer.mozilla.org/en-US/docs/Web/SVG/Attribute/begin)। – Jeyekomon

यह पुष्टि कर सकता है कि यह क्रोम 34 में काम नहीं करता है। – hamishtaplin

तुम भी सिर्फ एक सेमी-कोलन के साथ एक values विशेषता प्रदान करके एक भी animateTransform भीतर पाश अलग कर सकते हैं सूची:

<animateTransform attributeName="transform" type="rotate" 
    values="0;30;0" begin="0s" dur="0.8s" fill="freeze" 
    repeatCount="indefinite" />

Here's an example (Firefox 4.0 में जाँच की और क्रोम)।

स्रोत

2010-12-22 11:43:46 robertc

मुझे इस समाधान से प्यार है। क्या आप सलाह दे सकते हैं कि एसवीजी एनिमेट ट्रांस्फ़ॉर्म 'मान' विशेषता का दस्तावेज़ीकरण कहां खोजें? यह दुर्भाग्य से एक साधारण वेब खोज के लिए एक आम शब्द है। धन्यवाद! – jtheletter

@janaspage मैं यहां मूल्यों के गुणों के लिए प्रलेखन में ठोकर खाई: http://www.w3.org/TR/smil-animation/#ValuesAttribute – chrisM

यह भी जोड़ना संभव नहीं है/घटाना (मिली) सेकंड:

begin="anim2.end-500ms"

स्रोत

2011-11-01 10:25:20

एसवीजी एनीमेशन अनुक्रम लूप कैसे करें?

उत्तर

संबंधित मुद्दे