fabricjs - Fabric JS在图像容器内移动图像

Question

好的，我需要一个功能，我需要能够在图像本身的框架内正确定位图像。

正如您在图像中看到的，图像容器将具有固定大小，如果图像大于框架本身，我需要能够在框架内重新定位图像。我尝试用矩形剪辑图像并将图像定位在矩形内，但剪辑创建了一个与矩形大小相等的新图像，因此到目前为止它还没有工作。类中是否有任何属性fabric.Image可以让我们在内部移动图像位置？太胖了，我一直找不到。非常感谢任何帮助。谢谢

标签： fabricjs

Answer 1

从 Fabric.js v2 开始，可以使用四个属性的组合来完成图像裁剪：width、height、cropX和cropY. （http://fabricjs.com/v2-break-changes#image）

例如，可以将原始尺寸为 500x500 像素的图像中心裁剪为 300x300 像素，如下所示：

img.set({
  width: 300,
  height: 300,
  cropX: 100,
  cropY: 100
});