參考: [SVG animation is not working on IE11] http://stackoverflow.com/questions/33812303/svg-animation-is-not-working-on-ie11
因為今天在處理一個 svg 的動畫發現在 IE 跑不出來，原本以為是因為使用 stroke-dasharray 跟 stroke-dashoffset... ，結果得到的解答是只有 Edge 會支援 SVG 的 Transition 跟 animation。簡單來說目前沒有特別方便快速的解法，網路上的解法建議是轉用 svg 的 library 像是 GreenSock 。
連我都還沒使用到 Edge 的人了，直接放棄在 IE 上的效果，結案。不過依舊要寫兩份樣式，先偵測瀏覽器是否為 IE，在 <body> 上 append 一個新的 css class，再用 .ie something, 跟 .not-ie something.. 類似的方式去做替換 SVG 的方案。
2016年11月1日 星期二
2014年9月11日 星期四
Lazy Line Painter (具有做 SVG 描線動畫的 JS 產生功能)
前陣子找到的工具，因為在研究如何做出描線的動畫，而且畫質要好，第一個想到的就是 SVG，但是我對 SVG animation 也不熟，後來就找到這個工具了。
首先呢，他不能畫塊狀的東西，你要畫的，要是『線』。
Then? 準備好你的 SVG 檔案，拖到網站下方的這個框框，就會幫你產出 JS。
至於有些基本的 Config，你可以再額外調整，像是線條寬度/ 線條的顏色等等。
是不是很 Easy 呀～ 喜歡嗎? 喜歡就還是要多利用時間了解 SVG animation 比較實用哦，工具畢竟是工具，了解背後的原理似乎比較 high :)
老實說我也不常用，但是常常就會遇到想要用的時候忘記哪時候見過他 XD
訂閱：
文章 (Atom)