mirador-rotation-pluginに以下の機能を追加しました：
- 90度単位の回転ボタン
- URLパラメータによるマニフェスト・回転角度の指定
- UIの改善（リセットボタンのアイコン変更）
- ヘルプ機能（使い方を説明するダイアログ）
新機能の詳細#
1. 90度単位の回転ボタン#
従来は1度単位のスライダーのみでしたが、90度単位で素早く回転できるボタンを追加しました。
実装内容#
src/plugins/MiradorRotation.js に以下の変更を加えました：
UIには2つのボタンを追加：
- 左回転ボタン : 反時計回りに90度回転
- 右回転ボタン : 時計回りに90度回転
翻訳対応#
src/translations.js に英語・日本語の翻訳を追加：
2. URLパラメータ対応#
デモページでURLパラメータからマニフェストと回転角度を指定できるようになりました。
対応パラメータ#
| パラメータ | 説明 | 区切り文字 |
|---|
manifest | IIIFマニフェストURL | ;（セミコロン） |
rotation | 初期回転角度（度） | ;（セミコロン） |
デモページURL#
使用例#
実装内容#
demo/src/index.js の主な変更：
3. リセットボタンのアイコン変更#
回転ボタンとの区別をつけるため、リセットボタンのアイコンを変更しました。
| 変更前 | 変更後 |
|---|
ReplaySharpIcon | RestartAltIcon |
ReplaySharpIconは回転を連想させるデザインだったため、より「リセット」を明確に示すRestartAltIconに変更しました。
4. ヘルプ機能#
プラグイン内に「?」ボタンを追加し、クリックすると使い方を説明するダイアログが表示されます。
実装内容#
MUIのDialogコンポーネントを使用して、各コントロールの説明を表形式で表示します。
ダイアログの内容#
| アイコン | 説明 |
|---|
| RotateLeftIcon | 反時計回りに90度回転 |
| RotateRightIcon | 時計回りに90度回転 |
| LinearScaleIcon | 回転角度を微調整（-180°〜180°） |
| RestartAltIcon | 回転を0°にリセット |
翻訳対応#
コントロール一覧#
現在のプラグインは以下のコントロールを提供します：
| コントロール | アイコン | 機能 |
|---|
| 左に90度回転 | RotateLeftIcon | 反時計回りに90度回転 |
| 右に90度回転 | RotateRightIcon | 時計回りに90度回転 |
| 角度スライダー | LinearScaleIcon | -180度〜180度の範囲で1度単位の調整 |
| リセット | RestartAltIcon | 回転を0度に戻す |
| ヘルプ | HelpOutlineIcon | 使い方ダイアログを表示 |
設定オプション#
| オプション | 型 | デフォルト | 説明 |
|---|
rotationEnabled | boolean | false | プラグインの表示を有効化 |
rotationOpen | boolean | false | 回転コントロールをデフォルトで開く |
initialViewerConfig.rotation | number | 0 | 初期回転角度 |
まとめ#
今回の機能拡張により、mirador-rotation-pluginの使い勝手が向上しました：
- 90度回転ボタン : 書籍や文書の向きを素早く修正可能に
- URLパラメータ : 外部からの呼び出しや共有が容易に
- UIの改善 : 直感的に操作しやすいアイコンに変更
- ヘルプ機能 : 初めてのユーザーでも使い方がすぐに分かる
これらの機能により、IIIF画像の回転操作がより効率的に行えるようになりました。