p5.js |位置()函数

position()函数用于设置元素相对于原点 (0, 0) 坐标的位置。如果此函数不包含任何参数，则它返回元素的 x 和 y 位置。

注意：此函数需要 p5.dom 库。因此，在 index.html 文件的 head 部分添加以下行。

句法：

position()

或者

position( x, y )

参数：

• x：此参数保存相对于窗口左上角的 x 位置。
• y：此参数保存相对于窗口左上角的 y 位置。

返回值：此函数返回一个包含元素的 x 和 y 位置的对象。

以下示例说明了 p5.js 中的 position()函数：

示例 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');
  
} 

输出：

示例 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');
  
} 

输出：