Image processing 在旋转后获取新的裁剪坐标

Image processing 在旋转后获取新的裁剪坐标,image-processing,rotation,crop,jcrop,Image Processing,Rotation,Crop,Jcrop,我有一个网站,其中一个功能允许用户旋转/裁剪图像。我正在使用以下工具: -轮换糖 -Jcrop 旋转到90或-90之前,裁剪坐标是正确的,但旋转之后,这些坐标不再正确。 我已尝试按如下方式更改坐标: newX->cropingcoordinates.w-cropingcoordinates.y-1 新建->裁剪坐标.x 请注意,croppingCoordinates是由“onChange”jcrop事件产生的jcrop坐标 你知道计算哪里错了吗 在高级课程中谢谢你我发现我能找到适合我的方法,也许

我有一个网站,其中一个功能允许用户旋转/裁剪图像。我正在使用以下工具: -轮换糖 -Jcrop

旋转到90或-90之前,裁剪坐标是正确的,但旋转之后,这些坐标不再正确。 我已尝试按如下方式更改坐标:

newX->cropingcoordinates.w-cropingcoordinates.y-1 新建->裁剪坐标.x

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

你知道计算哪里错了吗


在高级课程中谢谢你

我发现我能找到适合我的方法,也许它能帮助别人。 将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;
                });
            }); 
}