La función p5.js line() no parece poder dibujar una verdadera línea negra de 1 píxel de ancho. (O cualquier otro color.)
strokeWeight es de 1 píxel, pero la línea resultante tiene 2 píxeles de ancho.color es negro sin transparencia, pero el color resultante es gris. blendMode() parece tener algo que ver con los divertidos resultados anteriores. Intenté REPLACE , pero no tuvo el efecto que esperaba. (¿Solo la última forma parece sobrevivir?)
¿Cómo puedo dibujar una línea de 1 píxel de ancho en p5.js con el color de trazo "verdadero"? ¿Es esta una limitación del elemento canvas subyacente?
Se incluye una demostración simple de p5.js en el siguiente fragmento. Este problema también se puede ver en los ejemplos oficiales de p5.js:
function setup() { createCanvas(400, 100); background(200); stroke(0,0,0, 255); // Black color, no transparancy. strokeWeight(1); // Default line(20, 20, 380, 20); strokeWeight(2); // 2 line(20, 40, 380, 40); strokeWeight(4); // Thicker line(20, 60, 380, 60); } <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.min.js"></script> Zoom in and verify pixels/colors with color picker: <input type=color>