きりしま屋

サーバー側にアプリケーション等を入れて元の画像を加工することなく、スタイルシートなどでブラウザ側でIMGタグで画像を回転する方法として、
以前、画像を回転するで紹介した、Matrixフィルタを使う方法以外に、もっとシンプルな方法を見つけたのでご報告。

progid:DXImageTransform.Microsoft.BasicImage Filter

を使うらしい。
こちらも、Microsoft、と入っているのでIE専用かな。

BasicImage - filter,フィルタ

このフィルタだと、回転角は、Rotateオプションで1,2,3を指定すると、それぞれ時計回りに90度、180度、270度回転して表示できるらしい。

実験用のスタイルシートはこんな感じ。

.r90 {filter:progid:DXImageTransform.Microsoft.BasicImage(
Rotation:1
);
}

.r180 {filter:progid:DXImageTransform.Microsoft.BasicImage(
Rotation:2
);
}

.r270 {filter:progid:DXImageTransform.Microsoft.BasicImage(
Rotation:3
);
}

実験結果はこちら。

BasicImageフィルタで画像を回転

画像アップ掲示板などにボタンでそれぞれのフィルタを切り替えるようなJavaScriptを吐くようにしたり、登録された画像を誰かが回転したら、それを記録しておいて次の表示の際にデフォルトでそれを反映したら面白いのではないかと。

って前も書いたけど、まったくやってない（笑）。