Image processing 在旋转后获取新的裁剪坐标
我有一个网站,其中一个功能允许用户旋转/裁剪图像。我正在使用以下工具: -轮换糖 -Jcrop 旋转到90或-90之前,裁剪坐标是正确的,但旋转之后,这些坐标不再正确。 我已尝试按如下方式更改坐标: newX->cropingcoordinates.w-cropingcoordinates.y-1 新建->裁剪坐标.x 请注意,croppingCoordinates是由“onChange”jcrop事件产生的jcrop坐标 你知道计算哪里错了吗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方法附加到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;
});
});
}