旋转后获取新的裁剪坐标

Question

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

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

newX - ＆gt; croppingCoordinates.w - croppingCoordinates.y - 1 newY - ＆gt; 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;
                });
            }); 
}