Jquery中文網 cf手游最强辅助 www.tualj.icu
Jquery中文網 >  jQuery  >  jquery 教程  >  正文 Raphael一個用于在網頁中繪制矢量圖形的Javascript庫

cf手游体验服免费送钻石:Raphael一個用于在網頁中繪制矢量圖形的Javascript庫

發布時間:2013-10-26   編輯:cf手游最强辅助 www.tualj.icu
Raphael是一個用于在網頁中繪制矢量圖形的Javascript庫,它使用 SVG W3C 推薦標準和 VML 作為創建圖形的基礎,你可以通過 JavaScript 操作 DOM 來輕松創建出各種復雜的柱狀圖、餅圖、曲線圖等各種圖表,接下來詳細介紹,感興趣的朋友可以了解下哦
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 文件,然后就可以繪制任意的矢量圖形了:
復制代碼 代碼如下:

// 在坐標(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");

cf手游最强辅助 www.tualj.icu 您可能感興趣的文章:
Raphael一個用于在網頁中繪制矢量圖形的Javascript庫
jQuery 繪圖插件 jCanvas
jQuery 繪圖插件 jCanvas
js圖表組件highcharts簡介
目前流行的JavaScript庫的介紹及對比
javascript moveTo與lineTo繪制復雜圖形的例子
教你如何使用JSP繪制餅圖
顯示矢量地圖的jQuery 插件 jVectorMap
Highcharts教程(6) legend 圖例選項
JavaScript交互式圖表工具包 JointJS

關鍵詞: Raphae  繪制  矢量圖形   
[關閉]