關(guān)于在SVG中如何實現(xiàn)gif動畫的問題？
由于svg不支持動畫，我做了個替代方法如下
step?1:先把多幀gif分成單幀并透明化
<image?id="gif0"?width=...?xlink:href="data:image/gif;base64,...?/>
<image?id="gif1"?width=...?xlink:href="data:image/gif;base64,...?/>
<image?id="gif2"?width=...xlink:href="data:image/gif;base64,...??/>
<image?id="gif3"?width=...?xlink:href="data:image/gif;base64,...?/>
..
step?2:?合成
<defs>
??? <g?id="animegif7"?transform="translate(0,0)?scale(1.0,?1.0)">
??????? <g>
???????????????????????<use?xlink:href="#gif0"/><animate?attributeName="visibility"?values="visible;hidden;hidden;hidden;hidden;hidden;"?keyTimes="0.0;0.5;1.0;1.5;2.0;2.5"?dur="3.0s"?repeatCount="indefinite"/>
??????? </g>
??????? <g>
???????????????????????<use?xlink:href="#gif1"/><animate?attributeName="visibility"?values="hidden;visible;hidden;hidden;hidden;hidden;"?keyTimes="0.0;0.5;1.0;1.5;2.0;2.5"?dur="3.0s"?repeatCount="indefinite"/>
??????? </g>
??????? <g>
???????????????????????<use?xlink:href="#gif2"/><animate?attributeName="visibility"?values="hidden;hidden;visible;hidden;hidden;hidden;"?keyTimes="0.0;0.5;1.0;1.5;2.0;2.5"?dur="3.0s"?repeatCount="indefinite"/>
??????? </g>
??????? <g>
???????????????????????<use?xlink:href="#gif3"/><animate?attributeName="visibility"?values="hidden;hidden;hidden;visible;hidden;hidden;"?keyTimes="0.0;0.5;1.0;1.5;2.0;2.5"?dur="3.0s"?repeatCount="indefinite"/>
??????? </g>
????</g>
</defs>
step?3:?使用動畫
<use?xlink:href="#animegif7"/>

轉(zhuǎn)載于:https://www.cnblogs.com/frogbag/archive/2006/08/22/483140.html

《新程序員》：云原生和全面數(shù)字化實踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的关于在SVG中如何实现gif动画的问题？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。