SVG 格式的動畫用什麼工具來做?

看到很好玩的一個動畫(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元素

  1. &
  2. &
  3. &
  4. &
  5. &

Notepad


推薦閱讀:

請問做H5頁面需要學什麼?
YouTube 宣布終止使用 Flash 作為默認設置,這是不是說明 Flash 真的要完了?
chrome(windows)不支持activex ,為什麼還能看視頻?我看網頁源碼,好像沒有使用html5
如何用傻瓜語言對普通互聯網用戶解釋 HTML5 的意義?
有哪些優秀的設計網站?

TAG:動畫 | HTML5 | 原型設計 | AdobeFlash | SVG |