我想在jcanvas中使用鼠标事件绘制形状

Question

我想在JCanvas中使用鼠标事件在画布上绘制形状。我试图通过创建一个临时画布来绘制形状来实现它。我的问题是我们可以在JCanvas中实施临时画布吗？ 我不明白如何使用mouseevents在JCanvas的画布上绘制形状。 您能否给出一个使用鼠标事件在jcanvas中绘制形状的基本示例。

在此先感谢。

Answer 1

您是否尝试过复制的内容正在这里进行：

http://calebevans.me/projects/painter/

他们使用这个脚本来绘制：

(function (e) { 
    e.fn.brushTool = function() { 
     function i() { 
      e.drawArc({ 
       fillStyle: color, 
       x: n, 
       y: r, 
       radius: stroke/2 
      }) 
     } 
     var e = this; 
     e.unbind(); 
     var t = !1, 
      n, r; 
     e.on(getTouchEventName("mousedown"), function (s) { 
      hist.push(last.src = e[0].toDataURL("image/png")); 
      t = !0; 
      n = s.offsetX; 
      r = s.offsetY; 
      i(); 
      return !1 
     }); 
     e.on(getTouchEventName("mouseup"), function() { 
      t = !1 
     }); 
     e.on(getTouchEventName("mousemove"), function (e) { 
      if (t === !0) { 
       n = e.offsetX; 
       r = e.offsetY; 
       i() 
      } 
     }) 
    } 
})(jQuery);