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) |