1. 程式人生 > >繪製中文強大的向量圖形庫:Raphael JS 中文幫助文件及教程

繪製中文強大的向量圖形庫:Raphael JS 中文幫助文件及教程

時間緊張,先記一筆,後續優化與完善。

     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");

出色示例:

    每日一道理
哦,媽媽 親愛的媽媽,您對我的愛比太陽還要熾熱,比白雪更為聖潔。在我成長的道路上,您就是女兒夏日裡的濃蔭,冬天裡的炭火,您更是女兒人生路上的一盞明燈。

適用網站:

程教推薦:

您可能感趣興的相干文章

文章結束給大家分享下程式設計師的一些笑話語錄: 不會,Intel會維持高利潤,也會維持競爭局面,國外的競爭不是打死對方的那種。你看日本有尼康,佳能,索尼,都做相機,大家都過得很滋潤。別看一堆廠,其實真正控制的是後面的那幾個財團——有些競爭對手,後面其實是一家人。