Mirador 3のimage tools(画像の回転など)を初期表示で有効にする方法

概要

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

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

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

 

github.com

 

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

 

 

導入方法

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

 

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

github.com

 

vueでの導入方法

github.com

 

Nuxt.jsでの導入方法

github.com

 

設定方法

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

 

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

 

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

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

 

まとめ

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