摘要：目前只提供了一些基礎(chǔ)功能。中與的區(qū)別開發(fā)者第一次接觸手寫那種，雖然很多情況都有設(shè)計師使用來完成這項工作，但還是不排除需要利用到的每個元素。輕量級，具備靈活的來自團隊，全球非常出名的可視化團隊。于是筆者嘗試著把移植到中。

早上無意間進入一個網(wǎng)站，看到他們的LOGO效果略屌，如圖： 剛開始以為是gif動畫之類的，審查元素發(fā)現(xiàn)居然是用SVG + CSS3動畫實現(xiàn)的，頓時激起了我的(hao)欲(qi)望(xin)，決定要一探究竟，查看代碼之后，發(fā)現(xiàn)原理居然是如此簡單：多個SVG描邊動畫使用不同的ani…

snap-china-map.js 是基于 snap.svg.js 開發(fā)的一個中國地圖的插件。目前只提供了一些基礎(chǔ)功能。

SVG 應(yīng)用：使用 SVG 實現(xiàn)高性能陰影效果

anime.js 實戰(zhàn)使用 anime.js 輕松實現(xiàn) SVG 路徑 (path) 曲線動畫

一直看好 SVG 的飄過

確保大家一小時內(nèi)可以開車上路..... 來不及解釋了，快學(xué)車.....

SVG 其相關(guān)特性遠比想象中要強，本文首先介紹下 SVG 的相關(guān)定義、優(yōu)缺點和 Demo，接下來會介紹它的相關(guān)語法和動畫，最后告訴大家如何使用和優(yōu)化 SVG。

SVG全面介紹下

Alloyteam 的這篇文章寫得很好，思路清晰，實用性強，推薦一下~

前段時間研究 SVG 壓縮優(yōu)化，發(fā)現(xiàn) SVG 預(yù)定義的 rect、circle、ellipse、line、polyline、polygon 六種基本形狀可通過 path 路徑轉(zhuǎn)換實現(xiàn)，這樣可以在一定程度上減少代碼量。不僅如此，我們常用的 SVG Path 動畫 (路徑動畫)，是以操作 path 中兩個屬性值 stroke-dasharray 和 stroke-dashoffset 來實現(xiàn)，基本形狀轉(zhuǎn)換為 path 路徑，有利于實現(xiàn)路徑動畫。

用 SVG 實現(xiàn)一個像是 Flash 的小游戲，不是不可能！而且比圖片空間更小，且可以對各個 group 配置，兼容性也很不錯

SVG 最具有魔力的元素 - Path 的講解來了，還沒有完全弄清楚的童鞋們可以火速約起，結(jié)合代碼實踐學(xué)習(xí)是最有效的途徑

SVG 內(nèi)增加為

介紹 Snap.svg 以及其制作動畫的幾種方式、兼容性和使用建議

本文將會學(xué)習(xí)如何使用 Canvas 和 SVG 實現(xiàn)繪圖功能。

開發(fā)者第一次接觸 SVG （手寫那種，雖然很多情況都有設(shè)計師使用 AI 來完成這項工作，但還是不排除需要利用到 svg 的每個 元素）。
才開始，大家都會困惑于 viewBox 和 viewport 這兩個屬性，大家可能也會看到 svg 代碼中的千奇百怪。是的，自己也曾為此困惑.
今天再詳細的說下這兩者的屬性

前端可以選擇的 svg 庫，有很多，比如 snap.svg 或者 BonsaiJS 當(dāng)然這些庫也是各有優(yōu)勢。而這篇文章主要就是說 GraphicsJS，讓大家知道他的優(yōu)勢和特點。1. 輕量級，具備靈活的 Javascript API

來自 AnyChart 團隊，全球非常出名的可視化團隊。

3.GraphicsJS 是一個開源項目，無需商業(yè)授權(quán)

對于低版本的瀏覽器的支持，支持 IE6

對于圖像和動畫支持比較好，幫助開發(fā)者創(chuàng)建復(fù)雜的交互效果

深入淺出 GreenSock 動畫：教你實現(xiàn)文字動畫效果的正確姿勢

使用 SVG 輕松打造具有科幻元素的用戶界面

一直覺得 內(nèi)聯(lián) SVG 是 HTML 的延伸，但是內(nèi)聯(lián) SVG 往往會造成 HTML 結(jié)構(gòu)的臃腫。于是筆者嘗試著把 SVG 移植到 CSS 中。

分享一個引入 svg 圖標(biāo)文件的小技巧，希望能與大家共同進步。

SVG 應(yīng)用：使用 SVG path (路徑) 實現(xiàn)酷炫的頁面過渡效果

使用 GreenSock 來制作有趣的 SVG 動畫

酷炫的 SVG 線條動畫入門文章，用生動的示例帶你走入 SVG 的世界。

在 SVG 中，蒙版 (mask) 是一個非常重要的屬性，利用它可以實現(xiàn)很多的視覺效果和炫酷的動畫效果，這篇文章先來學(xué)習(xí)下蒙版的基本知識。