當Openseadragon圖像旋轉時Fabric Canvas改變位置

我在OpenSeadragon（osd）上使用Fabric.js Canvas。我正在嘗試在osd圖像上創建一個指南針/旋轉小部件，它將旋轉osd圖像。它應該縮放和平移osd圖像，但不應該隨着osd圖像旋轉。

事情變得整潔當我使用當Openseadragon圖像旋轉時Fabric Canvas改變位置

viewer.viewport.setRotation(angle);

OSD圖像旋轉，但面料畫布對象的位置也隨之改變，即使我已設置的對象是在圖像的中心。這裏是codePen link

來源

2017-08-02 Neeraj Kumar

布料畫布的位置正確，形狀與您指定的位置保持一致。如果您的圖像是正方形，則不會有任何問題。它可以爲矩形圖像完成，但不應該用鼠標旋轉圖像，它應該是動態更新。提供更多細節你將擁有的圖像之王以及旋轉將如何發生（使用光標創建或動態創建） – Observer

問題是，我正在使用viewer.setRotation（），它旋轉查看器對象。

行號 - 75 - 我改變了代碼

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

和問題是固定的。上面的代碼更新。

來源

2017-08-04 10:01:38

偉大的解決方案！ – iangilman

當Openseadragon圖像旋轉時Fabric Canvas改變位置

回答

相關問題