關于在SVG中如何實現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"/>

轉載于:https://www.cnblogs.com/frogbag/archive/2006/08/22/483140.html

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。