風柳メモ

ソフトウェア・プログラミング関連の覚書が中心

【twRotateImage】Twitterの画像を回転表示するユーザースクリプト試作

Twitterで、たまに90度傾いた画像をみかけるので、その場で回転できるようなユーザースクリプトを試作してみた。

インストール

Firefox + Greasemonkey
  1. 上記のダウンロードリンクをクリックし、指示に従ってインストール。
Google Chrome + Tampermonkey
  1. 上記のダウンロードリンクをクリックし、指示に従ってインストール。
その他ブラウザ

(未確認)

使い方

画像にマウスカーソルを合わせた状態で[R]キーを押すと、押すごとに90度ずつ回転表示する。
デフォルトでは時計回り、[Shift]+[R]キーだと反時計回り。

ひとりごと

回転はCSS3のtransformプロパティで実施しているのだが、回転させたときに枠内に収める(他の要素に重ならず、かつ(できればセンタリングしつつ)全体を表示する)うまい方法がよくわからない……。
90度回転させても、width や height のプロパティ値は変わらないんだよな…。