首頁 > web前端 > js教程 > Raphael一個用於在網頁中繪製向量圖形的Javascript庫_jquery

Raphael一個用於在網頁中繪製向量圖形的Javascript庫_jquery

WBOY
發布: 2016-05-16 17:43:58
原創
1117 人瀏覽過
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一個用於在網頁中繪製向量圖形的Javascript庫_jquery
如何使用?
在頁面中引入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");
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板