events/demo/clickcanvas.html

<!DOCTYPE HTML>
<title>Canvas</title>

<style>
  body {
    margin: 0;
  }
  canvas {
    background-color: blue;
  }
</style>

<canvas width=400 height=200></canvas>

<script>
  var canvas = document.getElementsByTagName ('canvas')[0];
  var ctx = canvas.getContext ('2d');
  ctx.fillStyle = 'white';
  canvas.addEventListener ('click', function (ev) {
    ctx.fillRect (ev.clientX - 2, ev.clientY - 2, 4, 4);
  }, false);
</script>
1	<!DOCTYPE HTML>
2	<title>Canvas</title>
3
4	<style>
5	body {
6	margin: 0;
7	}
8	canvas {
9	background-color: blue;
10	}
11	</style>
12
13	<canvas width=400 height=200></canvas>
14
15	<script>
16	var canvas = document.getElementsByTagName ('canvas')[0];
17	var ctx = canvas.getContext ('2d');
18	ctx.fillStyle = 'white';
19	canvas.addEventListener ('click', function (ev) {
20	ctx.fillRect (ev.clientX - 2, ev.clientY - 2, 4, 4);
21	}, false);
22	</script>