Comportement des pixels de FillRectangle et DrawRectangle

Question

presque chaque fois que j'utilise Graphics.DrawRectangle ou Graphics.FillRectangle (les versions int) il me semble manquer les pixels sur les bordures droite et inférieure du rectangle que je veux dessiner.

Quelle est la définition exacte dont les pixels se remplir par

Graphics.FillRectangle(brush,x,y,width,height) 

et

Graphics.DrawRectangle(pen,x,y,width,height) // pen is one pixel width, i.e. width=0f 

et est-il une explication logique à cela? (Donc je peux enfin rappeler le comportement :) ...)

EDIT:

En utilisant l'application merveilleuse Try GDI+ Oleg Zhuk, j'ai pu trouver une différence curieuse entre FillRectangle et DrawRectangle:

FillRectangle(brush,0,0,1,1) dessine un seul point à (0,0) qui est en quelque sorte compréhensible (c'est un rectangle avec une largeur et une hauteur après tout). D'autre part, dessine un petit rectangle de 2 x 2 pixels.

Le même comportement est montré pour d'autres combinaisons de largeur/hauteur, DrawRectangle étend toujours un pixel plus à gauche et la partie inférieure (qui est un peu comme gênant lors de l'utilisation de la propriété ClientRectangle pour dessiner un cadre autour d'un témoin)

Ma première question résolue (comment à se comporter ...) il reste encore le deuxième: Pourquoi se comportent-ils de cette façon?

Answer 1

Ces méthodes fonctionnent correctement, il suffit de prendre en compte les effets anti-aliasing et arrondi.

D'abord, allumer l'anti-aliasing pour tout voir (non seulement de résultat arrondi):

graphics.SmoothingMode = SmoothingMode.AntiAlias; 

maintenant FillRectangle (10,10,10,10) produira résultat flou et DrawRectangle (10,10, 10,10) sera net. Le résultat flou signifie que vous avez coordonnées de pixel hors réseau.Si vous devez appeler:

graphics.FillRectangle(9.5f, 9.5f, 10, 10); 

d'aligner le coin supérieur gauche du rectangle sur la grille. Le DrawRectangle est net car il utilise un stylo de largeur 1.0. Ainsi, la ligne commence au centre du pixel et passe à 0,5 pixel dans les deux directions, remplissant ainsi exactement 1 pixel.

On notera que la largeur et la hauteur sont calculées de cette façon:

width = (right - left) = 19.5 - 9.5 = 10 
height = (bottom - top) = ... 

Notez que 19,5 est une droite/bas de coordonnées du rectangle également alignée sur la grille et le résultat est un nombre entier.

Vous pouvez utiliser différentes formules:

width2 = (right - left + 1) 

Mais cela vaut le coordonnées arrondies que, puisque la plus petite unité est de 1 pixel. Lorsque vous travaillez avec GDI + qui utilise l'anti-aliasing, sachez que le point a une taille nulle et se trouve au centre du pixel (ce n'est pas le pixel entier).

Answer 2

Le rectangle dans les deux méthodes graphiques de votre question est délimité par (x, y) en haut à gauche et (x + width - 1, y + height - 1) en bas à droite. C'est une conséquence de spécifier la largeur et la hauteur, plutôt que le point inférieur droit. Lorsque vous calculez la largeur et la hauteur à partir de deux points, n'oubliez pas d'inclure le pixel d'origine en ajoutant 1 à la différence. Par exemple, disons que vous voulez remplir un rectangle du point (5, 5) au point (10, 20). La largeur du rectangle est 6, pas 5. La hauteur du rectangle est 16, pas 15.

Answer 3

La différence de comportement est due au fait quelque peu contre-intuitif que ces deux algorithmes font des choses complètement différentes. DrawRectangle dessine quatre lignes ayant la forme d'une boîte. FillRectangle produit un bloc W * H rempli de pixels. De cela, il est facile de voir la raison de la différence de comportement. À savoir la fausseté de l'hypothèse de similitude. Dessiner quatre lignes est assez différent de la production d'un amas de pixels en forme de boîte.