svg―Raphael.js Library(一)

Raphael是一個用於在網頁中繪製矢量圖形的Javascript庫,它使用SVG W3C推薦標準和VML做爲建立圖形的基礎,能夠經過JavaScript操做DOM來輕鬆建立出各類複雜的柱狀圖、餅圖、曲線圖等各類圖表,還能夠繪製任意形狀的圖形,能夠進行圖表或圖像的裁剪和旋轉等複雜操做。html

Raphael是跨瀏覽器的矢量圖形庫,目前支持的瀏覽器包括:Firefox 3.0+,Safari 3.0+,Chrome 5.0+,Opera 9.5+以及Internet Explorer 6.0+。git

官網地址:http://raphaeljs.com/github

英文幫助文檔:http://raphaeljs.com/reference.html瀏覽器

中文幫助文檔:http://lab.wangyuanwai.com/raphael-js/docs/學習

學習以前,先看下一些例子:spa

Raphael Playgroundhtm

Reflectionip

Image rotation文檔

Test rotationget

Github-a-like impact chart

Github-a-like punch chart

Github-a-like languages chart

Raphael Analytics chart

Polar Clock

Dynamic Spinner

Australian Map

Multichart

Animation

Tiger

Hand

Interactive Chart

Diagram

Custom Fonts

Animation Easing

Gradients Example

Curver

Animation along the path demo

3D Shooter

Colour Picker

Growing Pie

Bounce

World Map

相關文章
相關標籤/搜索