javascript - 围绕一个点旋转矩形

Question

如何让 4 个点围绕一个指针旋转一定 Angular 以形成一个矩形？我可以围绕一个点旋转一个点，但我不能偏移它来制作一个不变形的矩形。

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/

改变 Angular 并点击运行以查看结果...