HTML 캔버스 clearRect()

1 개요

HTML canvas clearRect()

HTML 캔버스 clearRect()

<canvas id='my_canvas' width='300', height='200' style='background:silver'></canvas>
<script>
var ctx = document.getElementById('my_canvas').getContext('2d');
 
ctx.fillStyle = 'RoyalBlue';
ctx.fillRect(0,0,240,140);
ctx.clearRect(20,20,80,80);
</script>

2 같이 보기

• HTML 캔버스 fillRect()
• HTML 캔버스 strokeRect()

3 참고

• http://www.w3schools.com/tags/canvas_clearrect.asp
• https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/clearRect