Raphael、Web ページでベクター グラフィックスを描画するための Javascript ライブラリ_jquery

Raphael は、Web ページにベクター グラフィックを描画するための 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");
// ストロークの色を白に設定します
circle.attr("stroke ", "#fff");