Faire pivoter un rectangle autour d'un point

Question

Comment obtenir 4 points de rotation à certains degrés autour d'un pointeur pour former un rectangle? Je peux faire pivoter un point autour d'un point, mais je ne peux pas le décaler pour faire un rectangle qui ne soit pas déformé.

Answer 1

Si vous pouvez faire pivoter un point autour d'un point, il devrait être facile de faire pivoter un rectangle - il vous suffit de faire pivoter 4 points.

est ici une fonction js pour faire tourner un point autour d'une origine:

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

Et vous pouvez le faire à chaque point. est un exemple: http://jsfiddle.net/dahousecat/4TtvU/

Modifier l'angle et exécuter frappé pour voir le résultat ...