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	wakaba	1.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>