Merhaba, daha önceki yazımda JavaScript'de Canvası görmüştürk. Bu yazımda ise canvas üzerindeki eventlardan bir tanesini inceleyeceğiz. Canvas üzerinde click eventi olduğunda canvas üzerine daireler çizdireceğim.
Örneğin;
<!DOCTYPE html>
<html>
<body>
<canvas id="canvas1" width="600" height="600" style="border:1px solid;">
Bu browser canvası desteklemiyor!
</canvas>
<script>
var canvas1=document.getElementById("canvas1");
var cizim=canvas1.getContext("2d");
canvas1.addEventListener('click',function(e){
cizim.beginPath();
cizim.arc(e.x,e.y,50,0,2*Math.PI);
cizim.stroke();
}
);
</script>
</body>
</html>
Ekran Çıktısı;
