tshino
commented
6 years ago 実装完了。
こんな感じ。
左下に新たに追加された歯車アイコンのボタンで設定ダイアログを開き、「画像の拡大スタイル」から設定を変更できます。
ただし、この機能が使っているCSSのimage-renderingというプロパティは、ブラウザによる実装がまだ中途半端なようです。
- Firefox, Chrome, MSIE の3つは動作確認済み。
- Safari, Operaは未確認ですが、おそらく使えます。
- Edgeはimage-renderingに非対応のため使えません。 以上です。
拡大したときにピクセルがはっきり見えるようにする機能を追加する。
現在の実装では、画像を拡大していくとピクセルの色が補間されてぼやけていくため、1つ1つのピクセルの色や並びを観察するには不都合です。 そのような観察のためには、拡大しても色が補間されずにピクセル1つ1つが四角い形で見えるようになれば良いはずです。 そこで、そのような拡大表示が出来るようにします。 また、常にこの拡大方法が望ましいとは限らないので、ユーザーが選択できるようにします。
なお、画像の拡大方法を制御するimage-renderingというCSSプロパティは、まだ一部のブラウザのみが対応しているようなので、非対応ブラウザの考慮も必要になります。