p5.js | size()函数

size()函数是一个内置函数，用于设置元素的宽度和高度。 AUTO 用于一次设置一个维度。如果未给出 size()函数的参数，则它返回对象中元素的宽度和高度。

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

句法：

size()

或者

size( w, h )

参数：该函数接受上面提到的两个参数，如下所述：

• w：这个参数保存元素的宽度，可以是AUTO，也可以是一个数字。
• h：这个参数保存元素的高度，可以是AUTO，也可以是一个数字。

返回值：此函数返回对象中元素的宽度和高度。

下面的例子说明了 p5.js 中的 size()函数：

例子：

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 myDiv = createDiv('Welcome to GeeksforGeeks');
    
  // 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');
    
}

输出：