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用は@いらないがつけておく)