Coordonnées des pixels dans un canvas, version plus sophistiquée
Pour tracer une ligne verticale qui rempli la première colonne de
pixels, les deux instructions suivantes font le travail :
ctx.moveTo(1.0, 0.5);
ctx.lineTo(1.0, c.height+0.5); // segment vertical
La coordonnée 1.0 indique le centre du pixel.
La colonne suivante utilisera la coordonnée 2.0, la suivante 3.0, etc.
Les trois instructions suivantes :
ctx.lineWidth = 2; // largeur de lignes
ctx.moveTo(1.5, 0.5);
ctx.lineTo(1.5, c.height+0.5); // segment vertical
traceront une ligne verticale de deux pixels de largeur !
La couleur sera atténuée.
Les deux premières colonnes de pixels seront changées !
Plan du Site : Home
page18b_canvas_coordonnees.html
Page mise à jour le 27 janvier 2024 par Bernard Gisin
Hébergement par : www.infomaniak.ch