La función position() se utiliza para establecer la posición del elemento en relación con la coordenada de origen (0, 0). Si esta función no contiene ningún parámetro, devuelve la posición x e y del elemento.
Nota: 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:
position()
o
position( x, y )
Parámetros:
- x: este parámetro mantiene la posición x en relación con la parte superior izquierda de la ventana.
- y: este parámetro mantiene la posición y en relación con la parte superior izquierda de la ventana.
Valor devuelto: esta función devuelve un objeto que contiene la posición x e y del elemento.
Los siguientes ejemplos ilustran la función position() en p5.js:
Ejemplo 1:
function setup() {
// Create canvas of given size
createCanvas(400, 200);
// Set background color
background('green');
// Create an input element
var div_cont = createDiv('Welcome to GeeksforGeeks');
// Set the position of div element
div_cont.position(60, 80);
// Set font color
div_cont.style('color', '#ffffff');
// Set width of input field
div_cont.style('width', '250px');
// Set font-size of input text
div_cont.style('font-size', '20px');
}
Producción:
Ejemplo 2:
function setup() {
// Create canvas of given size
createCanvas(400, 200);
// Set background color
background('green');
// Create an input element
var input_val = createInput('');
// Set the attribute and its value
input_val.attribute('value', 'Welcome to GeeksforGeeks');
// Set the position of div element
input_val.position(60, 80);
// Set width of input field
input_val.style('width', '250px');
// Set font-size of input text
input_val.style('font-size', '20px');
}
Producción: