javascript - 模拟 Canvas Fabric.js上的mousedown事件

Question

我在此处进行了基本设置，以测试是否可以在Fabric.js Canvas 上按下鼠标，并且尝试通过javascript(而不是通过鼠标单击)手动触发鼠标事件以模拟在 Canvas 上的单击。

的HTML

<canvas id="c"></canvas>
<a id="testClick" href="javascript:void(0)">Test</a>

Java脚本

var canvas = new fabric.Canvas("c");

$("#testClick").click(function() {
   var e = jQuery.Event("mousedown", {
     pageX: 700,
     pageY: 300
   });
   $('#c').trigger(e);
});

canvas.on({"mouse:down": function() {
   alert("you clicked me");
}});

到目前为止，没有什么可以让我模拟这一点的，帮助表示赞赏。

Answer 1

var canvas变量必须是jQuery定义的一部分。但是我看到它是 Fabric 的一部分。因此，.trigger()无法在该定义上使用。

.trigger()是jQuery框架，因此可以在jquery选定的element $上使用。

更新

https://jsfiddle.net/zo98p72L/14/

由于已被投票2次-我决定发布此内容。