La función show() es una función incorporada que se utiliza para mostrar el elemento actual. Use la pantalla de configuración: bloque para propósitos de estilo.
Esta función requiere la biblioteca p5.dom. Así que agregue la siguiente línea en la sección principal del archivo index.html .
<script language="javascript" type="text/javascript" src="path/to/p5.dom.js"> </script>
Sintaxis:
show()
Parámetros: Esta función no acepta ningún parámetro.
El siguiente ejemplo ilustra la función show() en p5.js:
Ejemplo:
function setup() { // Create Canvas of given size var cvs = createCanvas(600, 250); } function draw() { // Set the background color background('green'); // Use createDiv() function to // create a div element var myDiv1 = createDiv('GeeksforGeeks'); // Set the position of div element myDiv1.position(170, 30); // Set the div size myDiv1.size(200, 100); // Set the font-size of text myDiv1.style('font-size', '36px'); // Use createDiv() function to // create a div element var myDiv = createDiv('A computer science portal for geeks'); // Set the position of div element myDiv.position(180, 80); // Set the div size myDiv.size(200, 100); // Set the font-size of text myDiv.style('font-size', '24px'); // Set the font-size of text myDiv.style('border', '1px solid black'); // Set the font-size of text myDiv.style('text-align', 'center'); // Set the font color myDiv.style('color', 'white'); // Hide the div element myDiv.hide(); // Show the div element myDiv.show(); }
Producción: