Canvas旋转元素

Canvas是HTML5的画布元素，有时需要按指定角度旋转某一个元素。

var canvas = document.getElementById("mycanvas");
var ctx = canvas.getContext("2d");

//x,y为旋转的圆心,theta为角度（弧度，范围0~2π）
ctx.translate(x, y);
ctx.rotate(theta);
ctx.translate(-x, -y);

//绘制元素
...