HTML5 绘图画布 - 计算点击次数

Question

我在图像上有一个HTML5绘图画布，允许用户在图像顶部绘制点：

JAVASCRIPT

var sketcher = null;
var brush = null;
$(document).ready(function(e) {
  brush = new Image();
  brush.src = 'assets/brush2.png';
  brush.onload = function(){
    sketcher = new Sketcher( "sketch", brush );
  }
 });

.HTML

<canvas id="sketch" width="1024" height="687" />
<canvas id="draw"/>
<div class="id1462-Main-Window"><img src="images/1462_Main_Window.jpg"
 width="1024"height="687" alt=""/>

我正在尝试添加当用户在画布区域中单击/绘制一个点时，计数器步长 +1 的功能。

<p id="counter_text"><span>0</span></p>

Answer 1

$(function(){
      canvas.addEventListener('click', function() { 
          $("#counter_text").val($("#counter_text").val() += 1);
      }, false);
});