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

【问题标题】：Fabric Canvas changing position when Openseadragon image is rotated旋转 Openseadragon 图像时 Fabric Canvas 改变位置
【发布时间】：2018-01-09 09:41:20
【问题描述】：

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

当我使用时，事情变得越来越整洁

viewer.viewport.setRotation(angle);

Osd 图像旋转，但 Fabric 画布对象的位置也随之改变，即使我已将对象设置在图像的中心。这是codePen link

【问题讨论】：

织物画布的位置正确，形状与您指定的位置相同。如果您的图像是正方形，则不会有任何问题。矩形图像可以，但不能用鼠标旋转图像，应该是动态更新。提供更多详细信息，您将拥有哪些图像之王以及如何发生旋转（在您创建或动态时使用光标）

标签： image canvas fabricjs image-rotation openseadragon

【解决方案1】：

问题是我试图使用 viewer.setRotation()，它可以旋转查看器对象。

行号 - 75 - 我将代码更改为

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

问题已解决。以上codePen已更新。

【讨论】：

很好的解决方案！