围绕点旋转矩形

Question

如何围绕指针旋转一定角度4个点以形成矩形？我可以围绕一个点旋转一个点，但是我不能将它偏移以制作一个没有扭曲的矩形。

Answer 1

如果你可以围绕一个点旋转一个点，那么旋转矩形应该很容易 - 只需旋转4个点。

这是一个围绕原点旋转点的js函数：

function rotate_point(pointX, pointY, originX, originY, angle) {
    angle = angle * Math.PI / 180.0;
    return {
        x: Math.cos(angle) * (pointX-originX) - Math.sin(angle) * (pointY-originY) + originX,
        y: Math.sin(angle) * (pointX-originX) + Math.cos(angle) * (pointY-originY) + originY
    };
}

然后你可以对每一点做到这一点。 以下是一个示例：http://jsfiddle.net/dahousecat/4TtvU/

更改角度并点击运行以查看结果......