canvas タグ


 canvasタグを使うと任意の図形をブラウザ画面に描画できます。ただし、描画のためにはJavaScriptが使えないといけません。


<canvas id="canvas1" width="640px" height="480px"></canvas>
<script>
var canvas = document.getElementById("canvas1");
var ctx = canvas.getContext("2d");
ctx.fillRect(100, 80, 300, 280);
</script>



canvasタグの属性

属性説明
height(例) height="400"キャンバスの高さ
width(例) width="400"キャンバスの幅

グローバル属性, イベント属性

 

このページの先頭へ戻る