Comment traduire un point d'un rect à un point d'un rect scalé?

Question

J'ai une image (i) qui a été mise à l'échelle de sa taille d'origine (rectLarge) pour s'adapter à un rectangle plus petit (rectSmall). Étant donné un point p dans rectSmall, comment puis-je traduire ceci en un point dans rectLarge.

Pour faire ce béton, supposons que j'ai une image de 20x20 qui a été mis à l'échelle à un rect 10x10. Le point (1, 1) dans le rectangle le plus petit doit être mis à l'échelle jusqu'à un point du rectangle le plus grand (c.-à-d. (2,2)).

Je suis en train d'y parvenir avec:

result.x = point.x * (destRect.size.width/srcRect.size.width); 
result.y = point.y * (destRect.size.height/srcRect.size.height); 

Cependant, les points générés par ce code ne sont pas correctes - ils ne correspondent pas au point approprié dans l'image originale. Qu'est-ce que je fais mal?

Answer 1

Quel est le "point approprié"? Si la taille de srcRect est supérieure à destRect alors votre code est correct. En outre, ne pas oublier que result.x et result.y sera un nombre à virgule flottante et de les utiliser dans l'image que vous devez arrondir ou faire une interpolation bilinéaire, etc. Avant, je peux donner une réponse plus détaillée, ce que vous allez faire avec result?

Answer 2

Je suppose que le problème est que votre rectangle n'est pas positionné à (0, 0) et, par conséquent, vous ne pouvez pas mettre à l'échelle tous les points à l'intérieur de celui-ci de la même manière que ses dimensions.

Vous devrez déterminer le décalage d'un point d'ancrage dans votre rectangle (par exemple, point supérieur gauche), votre point résultant serait anchor_point.x + offset.x * (horizontal_scale_ratio) et même pour y (avec vertical_scale_ratio).

rapports il y a new_width/old_width et new_height/old_height.

Answer 3

Quelle langue utilisez-vous?

Si cela est C, et rect.size.height et similaires sont ints, alors vous avez un problème d'arrondi majeur. Supposons que vous soyez à l'échelle 10, 10 à partir d'une taille 20x20 jusqu'à revenir à une taille 30x30. Vos calculs ressemblera:

result.x = 10 * (30/20); 

Cela simplifie à:

result.x = 10 * (1); 

La façon la plus simple de résoudre ce problème est de se débarrasser des parenthèses:

result.x = point.x * destRect.size.width/srcRect.size.width; 
result.y = point.y * destRect.size.height/srcRect.size.height; 

Maintenant votre calcul, 10 * 30/20 , simplifie à 300/20, puis à 15, ce qui est ce que vous voulez. Notez que vous avez toujours un léger problème d'arrondi, mais à moins que vous ne puissiez obtenir des emplacements de sous-pixel, c'est à peu près aussi proche que vous l'obtiendrez.