Canvas描画と回転   (Ver.6)  excanvas.js使用のCanvas描画のため IE 8/6 でもOK  

中心(150,150),半径50の円の周りを
     四角形が回転する。(2P/20ずつ=18度) sin,cos使用

中心(150,150),半径50の円の周りを
       座標が回転する。(2P/20ずつ=18度)


 ctx.translate(150,150);//回転の中心を移動
       ctx.rotate(10*0.0314);//18°ずつ回転


IE6---岩回転 OK
IE8---岩回転 動かず
 ctx.translate(150,150);//回転の中心を移動
       ctx.rotate(10*0.0314);//18°ずつ回転

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