回転

rotation属性で角度を指定します。ボタンを押すと60度ずつ回転します。中心軸はデフォルトで左上になります。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <button onclick="canvas.v.animate('rotation',60,500,true);">回転</button>
  <view name="v" align="center" valign="middle" 
        width="50" height="50" bgcolor="0xff0000"/>
</canvas>

回転の中心軸を、xoffset、yoffsetで文字通り中心になるよう調整したものです。

<?xml version="1.0" encoding="UTF-8"?>
<canvas proxied="false" bgcolor="0xeeeeee"> 
  <button onclick="canvas.v.animate('rotation',60,500,true);">回転</button>
  <view name="v" align="center" valign="middle" 
        width="50" height="50" bgcolor="0xff0000"
        xoffset="${this.width/2}" yoffset="${this.height/2}" />
</canvas>