0

我需要裁剪功能，图像块必须是不可更改的，这是我在 canva.com 上看到的最好的 在此处输入图像描述 如果原始块 w/h!= 图像 w/h（不同的形状尺寸）用户必须能够在当前活动图像对象中移动和调整图像大小不改变原始对象尺寸。目前我可以使用 clipTo 进行裁剪并通过动作移动它，但这并不方便。我也可以将图像绑定到矩形，但我会隐藏图像的裁剪部分......

此处需要工作演示：此处演示：https ://www.canva.com/design/DACkUOnIfcs/dx5k5cs4uJbyscmmpzp1Pg/edit

我可以用当前的fabricjs实现类似的东西吗？

4

1 回答 1

2

是的你可以。

  1. 将原始图像添加到画布并将“可选择”设置为 false
  2. 创建一个croppingArea矩形并将其添加到画布的中心
  3. 使用croppingArea和originalImage各自的left、top、width、height、scaleX、scaleY计算裁剪区域在originalImage坐标中的边界坐标
  4. 从 originalImage 创建一个cropedImage，其中cropX、cropY、宽度和高度由步骤3设置
于 2018-04-11T02:39:48.600 回答