旋转方形函数JS Canvas

Question

我正在寻找一个在画布上绘制带有函数的正方形的函数，即drawSquare（）;，其参数“degrees”可以倾斜正方形。我不想要倾斜画布。谢谢，如果您有任何疑问，请发表评论。

Answer 1

不倾斜画布

function drawRotatedSquare (x, y, width, height, rotate) { // rotate in radians
    ctx.setTransform(1, 0, 0, 1, x, y); // overwrite existing transform
    ctx.rotate(rotate);
    ctx.fillRect(-width / 2, -height / 2, width, height);
}

你可以做deg到弧度的转换，我从来没有理解为什么每个人都想这样做。