p5.js | redraw()函数

redraw()函数用于执行draw()函数内的代码一次。此功能仅在必要时用于更新显示窗口。 redraw()函数在 draw()函数内部调用时不起作用。 loop() 和 noLoop()函数用于启用/禁用动画。

句法：

redraw( n )

参数：该函数接受单个参数n ，用于设置重绘n次。此函数的默认值为 1。

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

例子：

let l = 0;
  
function setup() {
    
  // Create canvas of given size
  createCanvas(500, 300);
    
  // Set the background color
  background('green');
  
}
  
function draw() {
    
  // Set the stroke color
  stroke('black');
    
  // Function to draw the line
  line(l, 0, l, height);
    
}
  
function mousePressed() {
  l += 1;
  redraw();
}

输出：