要制作svg動圖,巧婦難為無米之炊,首先我們要先有svg圖片旬蟋,
下面介紹得到svg動圖的三個方法:
1.在icomoon內(nèi)下載圖標(biāo),得到svg代碼革娄。
2.利用ai軟件制作svg動圖倾贰,得到最后的完整代碼。
3.利用在線傻瓜svg動圖編輯器拦惋,制作好要的svg圖片導(dǎo)出即可匆浙。
制作好svg圖片后,很簡單架忌,只需按照格式將代碼編輯好吞彤,加入變形 旋轉(zhuǎn)或縮放等代碼即可。
下面是代碼示例
微信圖片_20180709215855.png
相應(yīng)動畫代碼在rwd書內(nèi)明確有寫叹放,但在此還是相應(yīng)給出:
skew
rotate!
scale