推薦15款製做 SVG 動畫的 JavaScript 庫

在當今時代，SVG是最流行的和正在被衆多的設計人員和開發人員使用，建立支持視網膜和響應式的網頁設計。繪製SVG不是一個艱鉅的任務，由於大量的 JavaScript 庫可與 SVG 圖像搭配使用。這些JS庫幫助設計師和開發人員能夠輕鬆地爲他們的項目和Web應用程序建立創新和逼真的圖形。

1.Textures.js

Textures.js易於改進的數據可視化添加SVG圖形。它包括一個巨大的各類紋理，包括直線，圓，路徑，甚至自定義模式。

在線預覽

2.Circulus.svg

Circulus.svg是一個圓形的菜單生成器，能夠生成SVG的菜單，它提供了兩個不一樣的風格，全或半圈，和造型的各類選項。

在線預覽

3.deSVG

deSVG它使簡單的從HTML刪除內聯SVG的膨脹。它可讓你的風格你的SVG和CSS，並保持您的SVG可即便沒有JavaScript。

在線預覽

4.SVG Morpheus

SVG Morpheus是一個 JavaScript 庫，可讓你建立SVG圖標變成另外一個。它的易於使用和工程與材料設計迷人的細節轉換。

在線預覽

5.Vivus

Vivus是一個動畫SVG無依賴必要的JavaScript類。它提供了異步延遲動畫，動畫，一行一行的動畫。

在線預覽

6.Walkway.js

Walkway.js是你簡單的SVG元素的一個簡單的方法。它包括內置的緩解功能，還具備用於選擇和時間選擇。

在線預覽

7.ZorroSVG

ZorroSVG能夠很容易地添加到您的SVG圖像的面具。它能夠建立圖像的PNG透明的同時保持小的文件大小。

在線預覽

8.Raphael

Raphaël是一個JavaScript庫，方便使用建立網站使用SVG矢量圖形。VML建立圖形，每一個圖形生成DOM對象，你能夠操縱它們經過JavaScript。

在線預覽

9.Snap.SVG

Snap是一個使人印象深入的+免費的JavaScript庫，簡化了使用SVG和只注重現代瀏覽器的支持。這是最受歡迎的SVG庫的開發人員建立，拉法ëL，和支持功能如掩蔽，裁剪，圖案，全梯度，組，和更多。

在線預覽

10.D3.js

D3.js是一種處理文件的基礎上data.d3 JavaScript庫能夠幫助您將數據生命使用HTML，SVG和CSS。D3 基於Web標準的重點給你現代瀏覽器的所有功能，無需本身綁到一個專有的框架，結合功能強大的可視化組件和DOM操做一個數據驅動的方法。

在線預覽

11.Path.js

Paths.js是一種生成SVG路徑，而後能夠一塊兒使用一個模板引擎喜歡鬍子或把手的形狀顯示SVG在瀏覽器的JavaScript庫，它提供了三個API，增長抽象。

在線預覽

12.SVG.js

SVG.js一種工做的JavaScript庫（操做和動畫）與SVG沒有任何複雜性。圖書館是獨立的，大小很輕（5KB gzip壓縮）和擁有大量特點。有內置的方法建立的形狀（矩形、圓、多邊形等）或圖像定義。他們都是動畫的尺寸，位置、顏色或任何其餘性質，能夠與標準的JavaScript事件的相互做用。

在線預覽

13.Jim Knopf

Jim Knopf是一個用於建立SVG功率旋鈕的JavaScript庫，庫doesn不須要任何JS框架和它的各類各樣的旋鈕，旋鈕能夠縮放類型，建立徹底（因爲SVG）和本身的設計可自定義的CSS。同時，他們能夠用鼠標滾輪控制，鍵盤或觸摸板和選項設置最小/最大值存在，出發點和角度容許。

在線預覽

14.Seen.js

Seen.js渲染3D場景爲SVG或HTML5 canvas.seen.js包含頂部的SVG和HTML5的canvas元素的圖形處理能力的一個簡單的抽象，全部本庫中的其餘組件的上下文類型將呈如今不可知的。

在線預覽

15.Bonsai

BonsaiJS是一個直觀的圖形API和SVG渲染輕量級圖形庫。主要功能包括建築分流道和渲染，iframe，工人和節點運行環境、形狀、路徑、資產（視頻、圖像、字體，subMovies），關鍵幀和普通動畫（寬鬆的功能），形狀/路徑變形，和更多…

在線預覽

本文固定連接: http://www.i7758.com/archives/2392.html