Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在fabric.js中,我们是否可以使用固定位置(不可移动)使iText元素可编辑?_Javascript_Fabricjs - Fatal编程技术网

Javascript 在fabric.js中,我们是否可以使用固定位置(不可移动)使iText元素可编辑?

Javascript 在fabric.js中,我们是否可以使用固定位置(不可移动)使iText元素可编辑?,javascript,fabricjs,Javascript,Fabricjs,我有fabric.js的最新版本,其中有一个iText元素要放在一个特定的坐标上,在这个坐标上我只想更改/编辑文本,但不想更改其当前位置。其位置应固定,不得拉伸或倾斜 以下是我的js代码: var text = new fabric.IText(textValue, { left: event.clientX - fabricObj.upperCanvasEl.getBoundingClientRect().left, top: event.clientY - fabricObj

我有fabric.js的最新版本,其中有一个iText元素要放在一个特定的坐标上,在这个坐标上我只想更改/编辑文本,但不想更改其当前位置。其位置应固定,不得拉伸或倾斜

以下是我的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);

是否有像movable这样的属性可以设置为false或其他方式?

您可以尝试类似的方法

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);

你可以试试这样的

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})用于您使用的结构版本?感谢您的回答,我的朋友,如果我已经添加了元素,那么我正在加载此对象,我可以稍后设置这些属性吗?使用类似于text.set()的方法?是的,您可以使用text.set()我尝试使用text.set,但什么都没有发生。您是这样尝试的吗?text.set({lockMovementX:true,lockMovementY:true})用于使用哪个版本的结构?