イナヅマTVログ

Canvas始めました – 表示をクリア

| 0件のコメント

Canvasに描いた図形をクリアするの巻。

HTML

<canvas id='canvas'></canvas>

JavaScript

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
 
context.clearRect(0,0,canvas.width,canvas.height);

クリアする矩形をCanvasサイズで描くって感じ、って覚えとこ。
引数
x position:int, y position:int, width:int, height:int

added 2012-04-19
クリアする矩形を使えばクロップなんかもできる。

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
 
context.fillStyle = '#ff0000';
context.fillRect(0,0,300,250);
context.strokeStyle = '#333333';
context.lineWidth = 10;
context.strokeRect(30,30,240,190);
context.clearRect(60,60,180,130)

コメントを残す

必須欄は * がついています