Fabric JS：使用坐标（x，y）设置图像定位

Question

在复制图像之后，我没有保存裁剪后的图像，但我得到了 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);

最好的方法是什么？

Answer 1

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