jCanvas


jCanvasとは

 jCanvasはjQueryのプラグインで、HTML5のCanvasをjQueryライクに操作することができます。

ダウンロードはこちら。jCanvas

 Canvasだけだと、直接、楕円を描画できませんが、jCanvasを使えば簡単に描画できます。

$(document).ready(function() {
  $("#canvas1").drawEllipse({
    fillStyle: "silver",
    x: 100,
    y: 100,
    width: 180,
    height: 100
  });
});

 jCanvasを利用するには外部JavaScriptファイル(上のURLからダウンロードしたもの)が必要です。scriptタグのsrc属性で指定します。


Canvas サンプル


 

図形 サンプル



レイヤ サンプル



イベント サンプル



スタイル サンプル



 

このページの先頭へ戻る