imageresizer：如何让裁剪和旋转以正确的顺序在编辑器中工作？

Question

我正在使用http://imageresizing.net/ 工具来创建编辑器。

用户可以裁剪和旋转，但是当他们先裁剪然后旋转时，他们会丢失正确的裁剪坐标，因为图像坐标发生了变化

例如，给定一个 100x100 的图像，其左上角 50x50 像素的裁剪将顺时针旋转，现在将裁剪显示为源图像的原始左下角 50x50 像素。

另一个图像示例：

第一步：

第二步旋转：

坐标没有改变，但现在不再是合适的裁剪区域

有谁知道让作物相对于原始点而不是原点的方法？

Answer 1

你正在构建类似StudioJS 的东西吗？

StudioJS 使用ImageResizer.js 来管理命令字符串和转换坐标。

考虑一个工作流程，您的用户在其中裁剪、旋转然后重新裁剪图像。要保留原始作物，您需要在 javascript 中翻译坐标。 ImageResizer.js 可以做到这一点。