0
196
Viewspequeña línea blanca en la parte inferior de la pantalla usando p5.js
Soy nuevo en p5.js y solo estoy tratando de crear un lienzo de pantalla completa, pero aparece una pequeña línea blanca en la parte inferior de la pantalla y no puedo entender por qué.
function setup() { createCanvas(windowWidth, windowHeight); //background(0); } function draw() { background("#222"); ellipse(windowWidth / 2, windowHeight / 2, 100, 100); fill("#07C"); noStroke(); } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>p5.js starter</title> <style> body { /* padding: 0; */ margin: 0; overflow: hidden; } </style> <script src="https://cdn.jsdelivr.net/npm/p5@1.4.1/lib/p5.min.js"></script> <!-- Uncomment below line to enable p5.sound --> <!-- <script src="https://cdn.jsdelivr.net/npm/p5@1.4.1/lib/addons/p5.sound.min.js"></script> --> </head> <body> <script src="sketch.js"></script> </body> </html>Así es como se ve localmente
Si abre la imagen en una nueva pestaña, puede notar el problema
Editar: el problema solo ocurre en Chrome, está bien en Firefox y valiente
·
Juan Pablo Isaza
2 answers
Answer question0
lo primero que debe intentar hacer es agregar + 10 a windowHeight o cualquier número que sea suficiente para eliminar esta línea blanca, si eso no funciona, entonces podría funcionar con el navegador que está usando.
·
Juan Pablo Isaza
Report
0
Cambiando los estilos a
* { padding: 0; margin: 0; } body { overflow: hidden; }Solucionado el problema
·
Juan Pablo Isaza
Report
Answer question