如何在fabric.js 的画布上触发自定义事件？

Question

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

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' });

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

更新！ 不要忘记您应该在触发事件之前定义侦听器！ 用一个工作示例检查这个小提琴。