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

//绘制元素
...
原文地址:https://www.cnblogs.com/new0801/p/6176756.html