Question

我想知道，是否可以使用fabric js在画布中隐藏文本对象？
我不想删除对象，因为我需要进一步使用它，所以只想隐藏它。我经常搜索，但没有任何工作。这是我的面料js代码。

var text = new fabric.Text("test", {
                    fontFamily: 'Times new roman',
                    fontSize: fabric.util.parseUnit(fontSize),
                    left: (startPosition.x + pointer.x) / 2,
                    top: ((startPosition.y + pointer.y) / 2) + 10,
                    slope: ((startPosition.y - pointer.y) / (startPosition.x - pointer.x)),
                    originX: 'center',
                    originY: 'center',
                });

canvas.add(text);
//canvas.getObjects(text).style.display = "none";
//text.prop.hide();
//text.hide = function () {
//text.set({
//        css: {"display":"none"},
//        selectable: false
//    });
//};

所有建议都是可以理解的。

Answer 1

在我的情况下，我使用opacity来显示/隐藏对象，而不仅仅是文本。例如：

if (logoPosition == 5) {
  logo.opacity = 0;
}
else {
  logo.opacity = 1;
}

P.S。不要忘记在更改后重新渲染画布。我使用了canvas.renderAll();

在此处找到此建议：https://groups.google.com/forum/#!topic/fabricjs/cbdFgTH7UXc

Answer 2

使用查询选择器隐藏对象。

school

希望这有帮助

在画布中隐藏对象

2 个答案: