概要

今回はMirador 3のimage tools(画像の回転など)を初期表示で有効にする方法について説明します。

デフォルトのMirador 3では、Mirador 2ではデフォルトの機能として提供されていた、画像の回転や明度・コントラスト・彩度の調整機能は提供されていません。

これを実現するためには、以下のimage toolsというプラグインを追加する必要があります。

github.com

以下、プラグインの導入方法と、設定方法について説明します。

導入方法

image toolsプラグインの導入方法としては、上記のページの他、以下のリポジトリが参考になります。

モダンなフロントエンドビルドシステム

github.com

vueでの導入方法

github.com

Nuxt.jsでの導入方法

github.com

設定方法

各ウインドウに対して、以下の設定が利用できます。

設定値タイプ初期値説明
imageToolsEnabledbooleanfalseプラグインの表示を有効にする
imageToolsOpenbooleanfalseデフォルトでimage toolsを開く

例えば以下のページで、image toolsを初期表示で有効にした例をご確認いただけます。

https://github.com/nakamura196/mirador-integration-vue/blob/master/src/App.vue

まとめ

Mirador 3の導入の参考になりましたら幸いです。