Javascript Fabric JS:使用坐标(x,y)设置图像定位

Javascript Fabric JS:使用坐标(x,y)设置图像定位,javascript,html,canvas,fabricjs,Javascript,Html,Canvas,Fabricjs,在copping图像之后,我没有保存裁剪后的图像,但是我得到了X,Y,Width,height都在其中的数据。我在织物画布中使用完整图像,然后我需要根据织物画布中的数据设置图像的位置 简而言之:我需要设置画布图像的坐标(x,y)。不是画布。仅适用于画布的图像。 我试过setOriginX,setOriginY,但没有根据需要显示结果。它得到0,0位置。 这是密码 var canvas = new fabric.Canvas('canvas'); var imgElement = document

在copping图像之后,我没有保存裁剪后的图像,但是我得到了X,Y,Width,height都在其中的数据。我在织物画布中使用完整图像,然后我需要根据织物画布中的数据设置图像的位置

简而言之:我需要设置画布图像的坐标(x,y)。不是画布。仅适用于画布的图像。 我试过setOriginX,setOriginY,但没有根据需要显示结果。它得到0,0位置。 这是密码

var canvas = new fabric.Canvas('canvas');
var imgElement = document.getElementById('myimg');
var CanImg = new fabric.Image(imgElement, {
    setScaleX: img_data.x,
    setScaleY: img_data.y
});
$('#canvas').attr('width',img_data.width);
$('#canvas').attr('height',img_data.height);
canvas.setHeight(img_data.height);
canvas.setWidth(img_data.width);
CanImg.selectable = false;
canvas.add(CanImg);

最好的方法是什么?

您可以在链接中参考“画布背景和覆盖”。他们解释了如何将图像设置为画布背景。现在,正如您所说,您已经裁剪了图像数据,您可以先裁剪图像,然后根据给定的链接设置图像

您可以提供一些代码或参考链接,或者提供一些您想要的图像吗?编辑了问题所在代码的问题。裁剪图像很好。我已经完成了任务。我只想使用类似的上下文。drawImage(img、sx、sy、swidth、sheight、x、y、width、height);我想在fabric js中使用sx,sy作为图像。