Canvas旋转元素

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/lzhlzz/article/details/52937298

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);

//绘制元素
...