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