svg―Raphael.js Library(一)


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM