लूप पर एसवीजी एनीमेशन अस्पष्टता

Question

मैं एक एसईजी पथ की अस्पष्टता 0 से 100 से 0 तक और 100 तक निरंतर लूप पर जाना चाहता हूं।

अब तक मैं, यह 0 से 100 तक चेतन करने के लिए लेकिन फिर से वापस नहीं मिल सकता है

कोई भी विचार? अस्पष्टता को बढ़ाने के लिए एक और इसे कम करने के लिए एक -

धन्यवाद

Answer 1

आप दो अलग-अलग एनिमेशन की है। प्रत्येक शुरू होता है जब दूसरा समाप्त होता है, लेकिन पहला भी 0s से शुरू होता है।

<rect x="10" y="10" width="20" height="20"> 
    <animate id="animation1" 
      attributeName="opacity" 
      from="0" to="1" dur="1s" 
      begin="0s;animation2.end" /> 
    <animate id="animation2" 
      attributeName="opacity" 
      from="1" to="0" dur="1s" 
      begin="animation1.end" /> 
</rect> 

Answer 2

आप values विशेषता का उपयोग, इस तरह मूल्यों के किसी भी संख्या चेतन कर सकते हैं:: यहाँ एक रेक्ट के लिए एक उदाहरण है

<rect x="10" y="10" width="20" height="20"> 
    <animate attributeName="opacity" 
      values="0;1;0" dur="1s" 
      repeatCount="indefinite"/> 
</rect> 

कि अस्पष्टता 0 से अस्पष्टता 1 (100%) करने के लिए चेतन जाएगा, और फिर 1 सेकंड के दौरान फिर से 0 पर वापस।