TOP /スタイルシート（フィルタ） フィルタMatrix(IE5.5)
filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0,M12=1.0,M21=0.0,M22=1.0, Dx=1.0,Dy=1.0,FilterType='bilinear',sizingMethod='auto expand');

M11横幅倍率
M12横傾き(-1.0〜1.0)
M21縦傾き(-1.0〜1.0)
M22縦倍率
SizingMethod(はみ出した場合の処理)
clip to original auto expand
横傾きを1.0縦傾きを-1.0にすると90度回転します。

フィルタMatrixを使ってJavaScriptで画像を動かしてみる

  1. M12とM21を変化させる(動きにあわせ画像の大きさを調整)
  2. 回転軸をセンターに調整
  3. フィルタMatrix と BasicImage を組み合わせて全回転させる。
  4. 右回転、左回転、停止を自在にする。
  5. マウスに合わせて動かす。