🙄

Mirador 4プラグイン開発:任意の角度で画像を回転する

2024/06/27に公開

概要

Mirador 4において、任意の角度で画像を回転するプラグインを作成しました。

https://github.com/nakamura196/mirador-rotation-plugin

以下で挙動をご確認いただけます。

https://nakamura196.github.io/mirador-rotation-plugin/

背景

Mirador 3向けに本プラグインを開発していましたが、2024/3/15にMirador 4がプレリリースされました。

https://github.com/ProjectMirador/mirador/releases/tag/v4.0.0.alpha-1

Mirador 3の最新版であるv3.3.0は2021年のリリースだったため、使用されているライブラリ等も古くなっていましたが、今回の更新で、開発がしやすくなりました。

工夫

任意の角度で画像を回転するにあたり、Mirador 4をそのまま使うと、以下のように、角度の変更に対して、画像の回転が追いつかないケースがありました。

https://www.youtube.com/watch?v=zJKWCTA9rjw

そこで以下の記事で述べたように、画像の回転や拡大・縮小を遅延なく行うための機能を追加したMiradorを使用しています。

https://zenn.dev/nakamura196/articles/d30dd74d9dfb75

具体的には、openseadragonのsetRotationなどで用意されているimmediatelyパラメータをMiradorから設定できるようにしました。

https://openseadragon.github.io/docs/OpenSeadragon.Viewport.html#setRotation

参考

90度単位で画像を回転させるプラグインとしては、以下もあります。

https://github.com/ProjectMirador/mirador-image-tools

こちらは回転だけでなく、さまざまな画像を操作を可能にします。

まとめ

Miradorの利用にあたり、参考になりましたら幸いです。

Discussion