javascript – Fabric JS：使用坐标(x,y)设置图像定位

2024年2月4日 915次阅读

在取景图像之后,我不保存裁剪后的图像,但我得到的数据中有X,Y,宽度,高度.我在布料画布中使用完整图像,然后我需要通过布料画布中的这些数据设置图像的位置.

简而言之：我需要设置画布图像的坐标(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);

这样做最好的是什么？

最佳答案 您可以在
this链接中引用“画布背景和叠加”.他们已经解释了如何将图像设置为画布背景的方法.现在你说你已经裁剪了图像数据,而不是你可以先裁剪你的图像而不是你可以根据给定的链接设置图像

点赞