Coordonnées des pixels dans un canvas, version plus sophistiquée
Version plus simple,
moins complète.
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
bgweb.html
exemples.html
a3js1060_canvas_coordonnees.html
a3js1061_canvas_coordonnees.html
Page mise à jour le 27 janvier 2024 par Bernard Gisin
Hébergement par : www.infomaniak.ch