如何在Fabric JS中在画布上触发自定义事件？

Question

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

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

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

UPDATE! 不要忘记你应该在激活事件之前定义监听器!用一个工作示例检查这个小提琴.