HTML5のcanvas入門 - Qiita今回は、HTML5で追加されたcanvasタグについて書きます。 簡単に言うと、お絵かきできます。 始めてみるタグ編 <canvas width="幅" height="高さ" id="canvasBase"></canvas> たったこれだけです。簡単です。 ただ、このままでは、なにも表示されません。 そこで、図形を描いてみます。 idは、なんでも構いません。この記事では、id="canvasBase"で統一します。 図形 - 四角 JavaScriptを使用して描きます。 var canvas = $('#canvasBase').get(0); var context = canvas.getContext("2d"); context.beginPath(); context.fillRect(座標X, 座標Y, 幅, 高さ); context.closePath(); fillR
