2017-08-02 13 views
1


OpenSeadragon(osd)の上にFabric.js Canvasを使用しています。 osdイメージの上にコンパス/回転ウィジェットを作成しようとしています。これはosdイメージを回転させます。 osdイメージで拡大/​​縮小する必要がありますが、osdイメージでは回転しないでください。私はOpenseadragonイメージを回転させたときのファブリックカンバスの位置の変更

viewer.viewport.setRotation(angle);  

OSD画像の回転を使用する場合

物事はきちんとなっているが、ファブリックキャンバスのオブジェクトの位置はまた、私は画像の中心にあるようにオブジェクトを設定しているにもかかわらず、それを変更してください。ここでは、codePen link

+0

ファブリックキャンバスが正しい位置にあり、シェイプが指定した位置と同じ位置にある。画像が四角形のようなものであれば問題はありません。それは矩形のイメージのために行うことができますが、あなたはマウスでイメージを回転させるべきではありません、それは動的更新する必要があります。どのような画像の王様を持ち、どのように回転するか(カーソルを作成したときや動的にしたとき) – Observer

答えて

2

問題は私がviewerオブジェクトを回転させるviewer.setRotation()を使用していたことでした。

行番号 - 75 - 私は

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


にコードを変更し、問題が修正されました。上記のコードペンが更新されました。

+0

大きな解決策! – iangilman

関連する問題