svg―Raphael.js Library

標籤：blog   http   java   使用   os   io   art   re   

Raphael是一個用於在網頁中繪製向量圖形的Javascript庫，它使用SVG W3C推薦標準和VML作為建立圖形的基礎，可以通過JavaScript操作DOM來輕鬆建立出各種複雜的柱狀圖、餅圖、曲線圖等各種圖表，還可以繪製任意形狀的圖形，可以進行圖表或映像的裁剪和旋轉等複雜操作。

Raphael是跨瀏覽器的向量圖形庫，目前支援的瀏覽器包括：Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+以及Internet Explorer 6.0+。

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

英文協助文檔：http://raphaeljs.com/reference.html

中文協助文檔：http://lab.wangyuanwai.com/raphael-js/docs/

學習之前，先看下一些例子：

Raphael Playground

Reflection

Image rotation

Test rotation

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