📜  p5.js |背景()函数

📅  最后修改于: 2022-05-13 01:56:30.363000             🧑  作者: Mango

p5.js |背景()函数

p5.js 中的background()函数用于设置 p5.js 画布的背景颜色。默认背景是透明的。此函数接受的颜色可以是 RGB、HSB 或 HSL 颜色,具体取决于当前的 colorMode。

句法:

background(c)

参数:此函数接受单个参数c ,它存储 p5.Color 对象、颜色分量或 CSS 颜色。

下面的程序说明了 p5.js 中的 background()函数:

示例 1:本示例使用 background()函数设置背景颜色。

function setup() {
      
    // Create Canvas of size 300*300
    createCanvas(300, 300);
}
  
function draw() {
    background(220, 141, 155); //RGB Value
}

输出:

示例 2:本示例使用 background()函数设置背景颜色。

function setup() {
      
    // Create Canvas of size 300*300
    createCanvas(300, 300);
}
  
function draw() {
      
    // Set background color to green
    background('green');
}

输出:

参考: https://p5js.org/reference/#/p5/background