Jquery Fabric.js对象:已选择,未选择对象

Jquery Fabric.js对象:已选择,未选择对象,jquery,angularjs,fabricjs,Jquery,Angularjs,Fabricjs,使用Fabric.js,我正在处理一个名为header的文本对象。选择标题区域后,将淡入一个div,其中包含两个可用于设置文本和填充的输入字段。这对我有用 我接下来尝试处理的是,当取消选择header对象时,我将淡出我的div。处理header.off()的正确方法是什么 你需要: canvas.on('selection:cleared', function() { ... }); 在教程中查看和。画布上选择的事件应如下所示: canvas.on('selection:created',

使用Fabric.js,我正在处理一个名为header的文本对象。选择标题区域后,将淡入一个div,其中包含两个可用于设置文本和填充的输入字段。这对我有用

我接下来尝试处理的是,当取消选择header对象时,我将淡出我的div。处理header.off()的正确方法是什么

你需要:

canvas.on('selection:cleared', function() {
  ...
});
在教程中查看和。

画布上选择的事件应如下所示:

canvas.on('selection:created', function () {
   //...
});

canvas.on('selection:cleared', function () {
   //...
});
选中的
事件用于画布上的单个对象

var rect = new fabric.Rect({ width: 100, height: 50, fill: 'green' });
rect.on('selected', function() {
    console.log('selected a rectangle');
});

它很旧,但只是为了防止有人偶然发现它-重要的是要注意,从一个选择移动到另一个选择不会触发
'selection:cleared'
事件。要添加@NimrodShory提到的内容,从一个选择移动到另一个选择似乎也不会触发object:selected。。。更新:似乎选择:更新有助于查看发生了什么…如果我单击一个元素,然后立即单击另一个元素而不单击其他位置,我无法触发新元素的
选择:已创建
,只有在清除现有元素选择并删除下一个元素时,它才起作用单击,如何修复此问题?还有什么可以处理它们吗?您可能还需要观察
selection:updated
事件。
header.off()
将用于删除事件处理程序。这与事件的反面无关
on()
添加事件处理程序,
off()
将其删除。
var rect = new fabric.Rect({ width: 100, height: 50, fill: 'green' });
rect.on('selected', function() {
    console.log('selected a rectangle');
});