在 fabric.js 中，我们可以使 iText 元素具有固定位置（不可移动）可编辑吗？

【问题标题】：In fabric.js can we make an iText element editable with fixed position (unmovable)?在 fabric.js 中，我们可以使 iText 元素具有固定位置（不可移动）可编辑吗？
【发布时间】：2021-06-27 03:07:36
【问题描述】：

我有带有 iText 元素的 fabric.js 最新版本，可以放置在特定坐标上，我希望能够只更改/编辑文本但不更改其当前位置。其位置应固定，不得拉伸或歪斜。

这是我的js代码：

var text = new fabric.IText(textValue, {
    left: event.clientX - fabricObj.upperCanvasEl.getBoundingClientRect().left,
    top: event.clientY - fabricObj.upperCanvasEl.getBoundingClientRect().top,
    fill: inst.color,
    fontSize: inst.font_size,
    selectable: false
});
fabricObj.add(text);

是否有任何属性可以设置为 false 或任何其他方式？

【问题讨论】：

标签： javascript fabricjs

【解决方案1】：

你可以试试这样的。

var text = new fabric.IText(textValue, {
    left: event.clientX - fabricObj.upperCanvasEl.getBoundingClientRect().left,
    top: event.clientY - fabricObj.upperCanvasEl.getBoundingClientRect().top,
    fill: inst.color,
    fontSize: inst.font_size,
    lockMovementX: true,
    lockMovementY: true,
    lockScalingX: true,
    lockScalingY: true,
});
fabricObj.add(text);

【讨论】：

感谢您的回答我的朋友，如果我已经添加了元素，那么我正在加载这个对象，我以后可以设置这些属性吗？使用类似 text.set() 方法的东西？
是的，你可以使用 text.set()
我尝试使用 text.set 但没有任何反应。
你试过这样吗？ text.set({ lockMovementX: true, lockMovementY: true})
对于面料，您使用哪个版本？