围绕点旋转矩形

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/

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