8

使用 Fabric.js,我正在处理一个名为 header 的文本对象。When the header area is selected a div is faded in with two input fields that can be used to set text and fill. 这对我有用。

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

header.on('selected', function() {

  $('#header-text-edit').fadeIn('fast');

  // watch for header.input changes
  scope.$watch("header.input", function(value) {
    header.text = scope.header.input;
  });

  // watch for header.color changes
  scope.$watch("header.color", function(value) {
    header.fill = scope.header.color;
  });
});
4

2 回答 2

18

你需要:

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

查看教程中的事件演示事件部分

于 2013-11-16T13:48:38.030 回答
10

对于fabricjs 2.0 分支,画布上的选择事件应如下所示:

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

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

selected事件适用于画布上的单个对象

var rect = new fabric.Rect({ width: 100, height: 50, fill: 'green' });
rect.on('selected', function() {
    console.log('selected a rectangle');
});
于 2018-04-08T22:32:31.660 回答