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