image-processing - 旋转后获取新的裁剪坐标

Question

我有一个网站，其中一项功能允许用户旋转/裁剪图像。我正在使用以下工具： - Aspose 进行旋转 - Jcrop

在旋转到 90 或 -90 之前，裁剪坐标是正确的，但在旋转之后，这些坐标不再是。我试图改变坐标如下：

newX -> croppingCoordinates.w -croppingCoordinates.y - 1 newY -> croppingCoordinates.x

请注意，croppingCoordinates 是由“onChange”jcrop 事件产生的 jcrop 坐标。

知道计算错误的地方吗？！

谢谢先进

Answer 1

我发现我转身对我有用，也许它会帮助别人。只需在将 Jcrop 方法附加到 div 时添加 trueSize Jcrop 属性即可。因此，当我将图像旋转 90 度时，我只需设置宽度 = 高度，反之亦然。像下面的代码片段：

if (rotationDegree == 90 || rotationDegree == -90 ){
    w =  $('#myDiv').height();
    h = $('#myDiv').width();
    jQuery(function ($) {
                $('#myDiv').Jcrop({
                    onChange: showCoords,
                    keySupport: false,
                    trueSize: [w, h]
                }, function () {
                    jcrop_api = this;
                });
            }); 
}