Twitterで、たまに90度傾いた画像をみかけるので、その場で回転できるようなユーザースクリプトを試作してみた。
インストール
Firefox + Greasemonkey
- 上記のダウンロードリンクをクリックし、指示に従ってインストール。
Google Chrome + Tampermonkey
- 上記のダウンロードリンクをクリックし、指示に従ってインストール。
その他ブラウザ
（未確認）
使い方
画像にマウスカーソルを合わせた状態で[R]キーを押すと、押すごとに90度ずつ回転表示する。
デフォルトでは時計回り、[Shift]+[R]キーだと反時計回り。
ひとりごと
回転はCSS3のtransformプロパティで実施しているのだが、回転させたときに枠内に収める（他の要素に重ならず、かつ(できればセンタリングしつつ)全体を表示する）うまい方法がよくわからない……。
90度回転させても、width や height のプロパティ値は変わらないんだよな…。
