我想知道,是否可以使用 fabric js 隐藏 Canvas 中的文本对象?
我不想删除对象,因为我需要进一步使用它,所以只想隐藏它。我搜索了很多,但没有任何工作。
这是我的 fabric 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
// });
//};
所有建议都是异常(exception)。
最佳答案
在我的例子中,我使用了opacity
来显示/隐藏对象,而不仅仅是文本。示例:
if (logoPosition == 5) {
logo.opacity = 0;
}
else {
logo.opacity = 1;
}
附言更改后不要忘记重新渲染 Canvas 。我用过 canvas.renderAll();
在这里找到这个建议:https://groups.google.com/forum/#!topic/fabricjs/cbdFgTH7UXc
关于javascript - 在 Canvas 中隐藏对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37606883/