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

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

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

  精彩示例:

  實用網站:

  教程推薦: