SVG描画と回転   (Ver.6)  IE 9 / Chrome  

中心(150,150),半径50の円の周りを
     四角形が回転する。(18度ずつ) sin,cos使用
svg1
中心(150,150),半径50の円の周りを
       座標が回転する。(18度ずつ)
svg2
(150,150)を中心に
       座標が連続回転する。(18度ずつ)
svg3
(150,150)を中心に
       座標が連続回転する。(18度ずつ)
svg4
・style="-webkit-transform:rotate(45deg);
-ms-transform:rotate(90deg);" 回転

IE9は90度、Chromeは45度回転

文字や画像の回転

・全角漢字の縦書き

style="font-family:'@MS ゴシック';-webkit-writing-mode:vertical-rl;writing-mode:tb-rl;"

IE9/Chrome共用のため
Chrome用は、漢字に@@が必要。 (IE9用は@いらないがつけておく)