Question

关于text-Area的更改事件我想要更改已在画布上绘制的文本。我写的以下代码，使用if / else条件我删除之前添加的文本.remove在这里不起作用。文本更改后如果我在某处拖动文本然后将文本更改为第一个已删除的文本会出现什么问题？

$('#filedset').delegate(' textarea', 'change ', function () {
    var canvas = new fabric.Canvas('design_text');
    if (x == 0) {
        alert('if called');

        var message = $(this).val();

        console.log('text area change' + message);
        var text = new fabric.Text(message, {
            left: 150,
            top: 60
        });
        canvas.remove(text1);
        canvas.add(text);
        x = 1;
    } else {
        alert('else called');

        var message = $(this).val();

        console.log('text area change' + message);
        var text1 = new fabric.Text(message, {
            left: 150,
            top: 60
        });
        canvas.remove(text);
        canvas.add(text1);
        x = 0;

    }
}

Answer 1

不确定。我创建了小jsfiddle：http://jsfiddle.net/Kienz/BTh6A/

var canvas = new fabric.Canvas('design_text');

$('#filedset').on(' textarea', 'change ', function(e) {
  var obj = canvas.getActiveObject() || canvas.item(0),
      text = e.target.value;

  if (!obj || obj.type !== 'text') return;

  obj.setText(text);

  canvas.renderAll();
});

使用fabric.js删除以前添加的画布文本

1 个答案: