Jquery 图像旋转后的选择区域

我正在我的项目中使用来自的选择区域插件。我的问题是，当图像旋转（-90）时，选择方向会变得奇怪。当我画一个选择，如图1，它显示的结果如图2。有人知道我该如何解决这个问题吗

---

我刚刚制作了一张具有适当宽度和高度的空图像，并将其覆盖在原始图像上。这是一个黑客，但它应该工作

函数debugqtyreas（事件、id、区域）{
console.log（areas.length+“areas”，参数）；
};
var blank=功能（宽度、高度）{
var newImg=$（“”）.attr（“宽度”，高度）
.attr（“高度”，宽度）；
返回newImg[0]；
}
$（“#originalImage”）.load（函数（）{
变量宽度=$（“#原始图像”）[0]。宽度、高度=$（“#原始图像”）[0]。高度；
var img=空白（宽度、高度）；
美元（“#原始图像”）。在（img）之后；
$。选择区域（img{
minSize:[10,10]，
一旦更改：debugqtyreas，
领域：[{
x:10，
y:20，
宽度：60，
身高：100，
}]
});
$（“.rotated img>div”）.css（“左”，宽/2-高/2）.css（“顶”，高/2-宽/2）；
});
。旋转img{
位置：相对位置；
}
原始图像{
变换：旋转（270度）；
}
img{
位置：绝对位置；
顶部：0px；
左：0px；
}
一个棘手的解决办法是在画布中旋转并重新显示。我怀疑图书馆的维护人员正在修复bug