HTML5 캔버스 클릭하면 원 그리기

1 개요

HTML5 캔버스 클릭하면 원 그리기

HTML5 캔버스 터치하면 원 그리기

HTML5 캔버스 클릭 이벤트 받기

<canvas id='my_canvas' width='320' height='320' style='background:orange'></canvas>

<script>
var my_canvas = document.getElementById('my_canvas');
var ctx = my_canvas.getContext('2d');
my_canvas.onmousedown = function(event) {
	ctx.arc(event.x, event.y, 15, 0, Math.PI*2, true);
	ctx.closePath();
	ctx.fill();
}
</script>

2 같이 보기

• 자바스크립트 onmousedown