当Openseadragon图像旋转时Fabric Canvas改变位置
问题描述:
我在OpenSeadragon(osd)上使用Fabric.js Canvas。我正在尝试在osd图像上创建一个指南针/旋转小部件,它将旋转osd图像。它应该缩放和平移osd图像,但不应该随着osd图像旋转。
事情变得整洁当我使用当Openseadragon图像旋转时Fabric Canvas改变位置
viewer.viewport.setRotation(angle);
OSD图像旋转,但面料画布对象的位置也随之改变,即使我已设置的对象是在图像的中心。这里是codePen link
答
问题是,我正在使用viewer.setRotation(),它旋转查看器对象。
行号 - 75 - 我改变了代码
viewer.world.getItemAt(0).setRotation(angle, true);
和问题是固定的。上面的代码更新。
+0
伟大的解决方案! – iangilman
布料画布的位置正确,形状与您指定的位置保持一致。如果您的图像是正方形,则不会有任何问题。它可以为矩形图像完成,但不应该用鼠标旋转图像,它应该是动态更新。提供更多细节你将拥有的图像之王以及旋转将如何发生(使用光标创建或动态创建) – Observer