使用Svgator製作動態svg圖片

svg圖片的優點是檔案小,而且能自適應放大縮小以適合更種尺寸的顯示裝置,不會失真

動態的svg圖片,可以搭配CSS的Animation屬性來完成

另外一個方式就是這篇要介紹的Svgator線上動態svg檔製作工具!

你可以匯入做好的svg圖片,使用他們的時間軸功能,產出一個動態的svg圖檔,非常方便

動態svg程式碼內容:

使用Svgator製作動態svg圖片

Svgator:https://www.svgator.com/

使用Svgator製作動態svg圖片

 

關於作者 多力哥
使用Svgator製作動態svg圖片
影像創作攝影師/網頁動畫設計師/系統網路工程師/水草研究生
大學畢業後為網站動畫設計師,並副修MIS管理公司伺服器,2004年開始接觸單眼相機,2008年正式成為婚禮攝影師,目前主力為Canon5D4。2016年愛上美麗的水草缸,每天在電腦前修圖之餘還能看看綠油油的水草享受放鬆一下^^
連絡信箱:[email protected]
DORIGO IMAGE 攝影工作室:http://www.dorigo-image.com
若您喜歡這篇文章,歡迎按讚分享喔!
0 回復

發表評論

想要留言嗎?
歡迎歡迎!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *