将事件绑定到fabricJS中的对象

Bind events to object in fabricJS

本文关键字:对象 fabricJS 事件 绑定      更新时间:2023-09-26

使用最新的Fabric.js,我有代码:

var imageAdded = new Image();
imageAdded.onload = function (img) {
    var imgAdded = new fabric.Image(imageAdded, {
        clipName: picID,
        clipTo: function (ctx) {
            return _.bind(clipByName, imgAdded)(ctx)
        }
    });
    canvas.add(imgAdded);
    imgAdded.on("object:selected", function (e) { // It doesn't pass this function
        alert(e.target.clipName + " is selected");
        e.target.clipTo = null;
        canvas.renderAll();
    });
};
  • 当我选择一个对象时,我想发出警报,但没有显示警报,因为我在代码中注释的函数不起作用
  • 我尝试了这个链接,但仍然无法实现

我感谢每一个建议。非常感谢。

如果您想要特定对象的事件,请使用:

imgAdded.on("selected", function(){alert(this.clipName);});

如果需要画布和所有对象的事件:

canvas.on("object:selected", function(e){alert(e.target.clipName);});