Javascript 从画布html5中上载的图像中删除拖动属性（将区域设置为上载的图像）

我使用fabric js在画布中上传图像。现在它是一个可拖动的，但我想删除drag属性并将区域设置为画布上上传的图像

HTML:

JAVA脚本：

 var canvas = new fabric.Canvas('canvas');
            document.getElementById('file').addEventListener("change", function (e) {
                var file = e.target.files[0];
                var reader = new FileReader();
                reader.onload = function (f) {
                    var data = f.target.result;
                    fabric.Image.fromURL(data, function (img) {
                        var oImg = img.set({left: 50, top: 100,width: 250, height: 200, angle: 00}).scale(0.9);
                        canvas.add(oImg).renderAll();
                        var a = canvas.setActiveObject(oImg);
                    });

                };
                reader.readAsDataURL(file);  
                var dataURL = canvas.toDataURL({
                    format: 'png',
                    opacity: 0.9
                });

            });

var canvas=newfabric.canvas（'canvas'）；
document.getElementById（'file'）.addEventListener（“更改”，函数（e）{
var file=e.target.files[0]；
var reader=new FileReader（）；
reader.onload=函数（f）{
var数据=f.target.result；
fabric.Image.fromURL（数据、函数（img））{
var oImg=img.set（{左：50，上：100，宽：200，高：200，角：00}）。比例（0.9）；
canvas.add（oImg.renderAll（）；
var a=canvas.setActiveObject（oImg）；
});
};
reader.readAsDataURL（文件）；
var dataURL=canvas.toDataURL({
格式：“png”，
不透明度：0.9
});
console.log（“画布图像”+dataURL）；
});
画布{
边框：1px纯黑；
}

只要用

.lockMovementX = true;
.lockMovementY = true;


var canvas=newfabric.canvas（'canvas'）；
document.getElementById（'file'）.addEventListener（“更改”，函数（e）{
var file=e.target.files[0]；
var reader=new FileReader（）；
reader.onload=函数（f）{
var数据=f.target.result；
fabric.Image.fromURL（数据、函数（img））{
var oImg=img.set（{左：50，上：100，宽：200，高：200，角：00}）。比例（0.9）；
oImg.lockMovementX=真；
oImg.lockMovementY=true；
canvas.add（oImg）；
var a=canvas.setActiveObject（oImg）；
});
};
reader.readAsDataURL（文件）；
var dataURL=canvas.toDataURL({
格式：“png”，
不透明度：0.9
});
console.log（“画布图像”+dataURL）；
});
画布{
边框：1px纯黑；
}

我们可以锁定增加宽度吗？.lockScalingX=true:）没错。谢谢。我们可以添加缩放这个图像吗。但要扩大面积。它应该分布在现有区域。请使用本网站，因为它应该被使用。如果你有不同的问题，打开另一个问题，我或其他人会再次帮助你。如果我们把答案放在评论里，没有人会找到它们，这样的努力是白费的。
 var canvas = new fabric.Canvas('canvas');
            document.getElementById('file').addEventListener("change", function (e) {
                var file = e.target.files[0];
                var reader = new FileReader();
                reader.onload = function (f) {
                    var data = f.target.result;
                    fabric.Image.fromURL(data, function (img) {
                        var oImg = img.set({left: 50, top: 100,width: 250, height: 200, angle: 00}).scale(0.9);
                        canvas.add(oImg).renderAll();
                        var a = canvas.setActiveObject(oImg);
                    });

                };
                reader.readAsDataURL(file);  
                var dataURL = canvas.toDataURL({
                    format: 'png',
                    opacity: 0.9
                });

            });

.lockMovementX = true;
.lockMovementY = true;