ぐるぐるイメージ全画面版

画像の回転・反転・ズーム・位置調整できる全画面ビューアー

画像を回転・拡大縮小・位置調整できる全画面ビューアです。 ウェブサイト上の画像を同じタブ内で操作、全画面表示できます。 また、ローカルファイルを読み込むこともできます。 ============================================================== 🚀使いかた ウェブサイトの画像の上で右クリック → 「ぐるぐるイメージビュー」 で画像ビューアを開きます。 ビューアは閲覧中のページに重ねて表示されます。 ブラウザ上のアイコンをクリックするとビューアが開閉し、 最後に見た画像を再び見ることができます。 ウェブサイト以外のページ （ブラウザのオプションページや新しいタブなど） でアイコンをクリックすると、 新規タブでビューアが開きます。 ============================================================== 🚀ビューア画面説明 ⭐️キャンバス 画像が表示されます。 キャンバスは初期状態でフルスクリーンの大きさを表しています。 スクロールで画像の拡大縮小、ドラッグで画像の移動を行えます。 ⭐️「全画面」ボタン キャンバスをフルスクリーンで表示します。 ESC キーで終了します。 ⭐️ 「自動フィット」ボタン 画像をフルスクリーンにいっぱいに大きく 表示できるように回転、拡大縮小操作を行います。 例）画像が縦長、モニターが横長： 画像を 90 度回転して拡大縮小します。 回転方向は二回押すと逆転します。 ⭐️「 ↔ フィット」「↕ フィット」ボタン 画像の横幅、高さをフルスクリーンサイズに合わせます。 縦横比はそのまま。 ⭐️「◀ 回転」「回転 ▶」 ボタン 画像が反時計回り、時計回りに 90 度回転します。 ⭐️「↔ 反転」、「↕ 反転」ボタン 画像が左右、上下に反転します。 ⭐️「フチ表示 ON/OFF」 ボタン 画像操作をし易いよう、キャンバスサイズを フルスクリーンサイズ + 余白部分にまで広げます。 余白部分は 300px 固定です。 ⭐️「リセット」ボタン 画像表示をリセットします。 ⭐️「ビューアを閉じる」ボタン ビューアを閉じて閲覧中のページに戻ります。 ⭐️「ファイルを選択」ボタン クリックするとファイルエクスプローラーが起動しますので、 表示したい画像を選択してください。 ファイルのドラッグ＆ドロップでも画像を読み込むことができます。 ⭐️「データ消去」 ボタン 画像を表示した場合、画像データまたは URL が ブラウザのローカルストレージに保存され、 再度開いた場合に過去の画像が表示されますが、 「データ消去」ボタンを押すことで両方とも削除することができます。 ⭐️メッセージ表示部（キャンバスの下） 表示中の画像の URL やファイル名が表示されます。