強大的向量圖形庫：Raphael JS 中文幫助文件及教程
阿新 • • 發佈：2019-01-02
Raphael 是一個用於在網頁中繪製向量圖形的 Javascript 庫。它使用 SVG W3C 推薦標準和 VML 作為建立圖形的基礎，你可以通過 JavaScript 操作 DOM 來輕鬆創建出各種複雜的柱狀圖、餅圖、曲線圖等各種圖表，還可以繪製任意形狀的圖形，可以進行圖表或影象的裁剪和旋轉等複雜操作。
您可能感興趣的相關文章
Raphaël 是跨瀏覽器的向量圖形庫，目前支援的瀏覽器包括： Firefox 3.0+，Safari 3.0+，Chrome 5.0+，Opera 9.5+ 以及 Internet Explorer 6.0+。
如何使用？
在頁面中引入 raphael.js 檔案，然後就可以繪製任意的向量圖形了：
| 1 2 3 4 5 6 7 8 9 10 11 |
//
在座標（10,50）建立寬320，高200的畫布
var paper
= Raphael(10, 50, 320, 200);
//
在座標（x = 50, y = 40）繪製半徑為 10 的圓
var circle
= paper.circle(50, 40, 10);
//
給繪製的圓圈填充紅色 (#f00)
circle.attr("fill",
"#f00");
//
設定畫筆（stroke）的顏色為白色
circle.attr("stroke",
"#fff");
|