SVG 格式的動畫用什麼工具來做?
12-28
看到很好玩的一個動畫(langustefonts.com 的頁面),很好奇是用什麼工具實現的
http://snapsvg.io/
可以用程序畫,也可以用 Inkscape 這樣的工具畫。
強烈推薦 Snap.svg,這裡有個它的應用例子,效果很棒!
http://www.vqianduan.com/demoshow?a=1430p=http://www.vqianduan.com/demos/animated-checkboxes-and-radio-buttons-with-svg/
不是什麼工具,就是SVG,把SVG的W3C規範讀讀:Scalable Vector Graphics (SVG) 1.1 (Second Edition),這個SVG文件裡邊的animateTransform就是完成這個動畫的東東了,標籤規範說明在這裡:Animation – SVG 1.1 (Second Edition)
SVG animation元素
- &
- &
- &
- &
- &
Notepad
推薦閱讀:
※請問做H5頁面需要學什麼?
※YouTube 宣布終止使用 Flash 作為默認設置,這是不是說明 Flash 真的要完了?
※chrome(windows)不支持activex ,為什麼還能看視頻?我看網頁源碼,好像沒有使用html5
※如何用傻瓜語言對普通互聯網用戶解釋 HTML5 的意義?
※有哪些優秀的設計網站?
TAG:動畫 | HTML5 | 原型設計 | AdobeFlash | SVG |