Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

207
Visualizações
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 à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda