いうメソッドが用意されており、これを使えば簡単に四角形が描けてしまいます。jQueryのプログラムにが7行、表示部分のXHTMLが1行の本当に簡単なプログラムで済んでしまいます。document.querySelector(‘#sample1’);描画する場所を選択します。canvas.getContext(‘2d’);コンテキスト名を指定します。getContext()には現在「2d」という引数しかサポートがありません。将来的には「3d」が使えるようになるかもしれません。context.beginPath();現状のパスをリセットして、サブパスを無くします。canvasを使う時のおまじない(初期化)です。現状のサブパスを閉じて、新規にサブパスを作る。サブパスの始点は現状のサブパスの始点の座標。50);図形の位置・大きさを設定する部分で、書式は以下のようになります。高さ);context.stroke();現在の線スタイルでサブパスを輪郭表示します。長さ0の分は表示前に取り除かれ、空のサブパスは無視されます。パスに変形が適応されている場合は影響を受けます。