当Openseadragon图像旋转时Fabric Canvas改变位置

问题描述:


我在OpenSeadragon(osd)上使用Fabric.js Canvas。我正在尝试在osd图像上创建一个指南针/旋转小部件,它将旋转osd图像。它应该缩放和平移osd图像,但不应该随着osd图像旋转。

事情变得整洁当我使用当Openseadragon图像旋转时Fabric Canvas改变位置

viewer.viewport.setRotation(angle);  

OSD图像旋转,但面料画布对象的位置也随之改变,即使我已设置的对象是在图像的中心。这里是codePen link

+0

布料画布的位置正确,形状与您指定的位置保持一致。如果您的图像是正方形,则不会有任何问题。它可以为矩形图像完成,但不应该用鼠标旋转图像,它应该是动态更新。提供更多细节你将拥有的图像之王以及旋转将如何发生(使用光标创建或动态创建) – Observer

问题是,我正在使用viewer.setRotation(),它旋转查看器对象。

行号 - 75 - 我改变了代码

viewer.world.getItemAt(0).setRotation(angle, true); 


和问题是固定的。上面的代码更新。

+0

伟大的解决方案! – iangilman