Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

203
Vistas
Cómo obtener una verdadera línea de color negro de 1 píxel de ancho en p5.js

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:

  • Sin bucle (debe ser una línea blanca sobre fondo negro).
  • strokeWeight() (Todas las líneas deben ser negras).

 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>

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda