首先，我和你一樣很迷茫這個庫，不知道它是用來干嘛的。
只記得任務(wù)來了，順便給了一本全英文的電子書，關(guān)于這個庫的所有文檔都寫的清清楚楚，網(wǎng)站上關(guān)于它的中文文檔也是少之又少，就一邊看文檔，一邊上網(wǎng)上搜一下官方文檔的示例，這樣會比叢頭看到尾好很多。
因為即使你從頭開始，把這個全英文的文檔看一遍，腦子里依舊是一片漿糊，真正開始去做的時候，又無從下手，倒不如帶著開發(fā)任務(wù)去看文檔，需要用到什么就去翻文檔，這樣就事半功倍。
1. 先來大致了解下RaphaelJS庫是用來干嘛的？
Raphael 是一個用于在網(wǎng)頁中繪制矢量圖形的Javascript 庫。
它使用 SVG W3C 推薦標準和 VML 作為創(chuàng)建圖形的基礎(chǔ)，你可以通過 JavaScript 操作 DOM 來輕松創(chuàng)建出各種復(fù)雜的柱狀圖、餅圖、曲線圖等各種圖表，還可以繪制任意形狀的圖形，可以進行圖表或圖像的裁剪和旋轉(zhuǎn)等復(fù)雜操作。
2. 它目前支持的瀏覽器有？
Rapha?l currently supports Firefox 3.0+, Safari 3.0+, Chrome 5.0+, Opera 9.5+ and Internet Explorer 6.0+.
3. RaphaelJS 入門的一個簡單示例：
-
用之前肯定要先引入這個庫文件，類似于我們自己的html文件中引入相應(yīng)的js操作一樣的。
在頁面中引入 raphael.js 文件之后，我們就可以繪制任意的矢量圖形了：
這里簡單寫個畫圓的示例：
- 創(chuàng)建一個畫布，作為我們畫圖的容器，參數(shù)指定坐標x,y 以及畫布的寬高；
- 類似與canvas，調(diào)用circle方法，指定圓心坐標，圓半徑；
- 填充圖形、描邊。
// 在坐標（10,50）創(chuàng)建寬320，高200的畫布
var paper = Raphael(10, 50, 300, 200);
// 在坐標（x = 50, y = 40）繪制半徑為 10 的圓
var circle = paper.circle(50, 40, 10);
// 給繪制的圓圈填充紅色
circle.attr("fill", "red");
// 設(shè)置畫筆（stroke）的顏色為白色
circle.attr("stroke", "#fff");
image
這樣就在頁面上展示了一個圓形。
官網(wǎng)更多demo示例：
image
