javascript - 如何在 fabric.js 的 Canvas 上触发自定义事件？

Question

我想在 fabric.js 的 Canvas 上注册 JavaScript 事件。如何在 Canvas 上触发自定义事件？

Answer 1

如果您想使用自定义事件扩展 fabricjs 事件系统，那非常简单:

var canvas = new fabric.Canvas('c');
// listen for any event like fabricjs do
canvas.on('custom:event', function(event) {
  // you will have your data here in `event` object 
});
// fire any event with any payload you want
canvas.fire('custom:event', { any: 'payload' });

我更喜欢这种方式，因为您不使用任何其他库，并且在所有情况下(本地和自定义事件)仍然具有相同的语法。

更新! 不要忘记你应该在触发事件之前定义监听器! 检查this摆弄一个工作示例。