参考 background()

background()

设置画布背景的颜色

默认情况下,画布的背景是透明的。background() 通常和 draw() 一起使用在每一帧绘制之初清空显示窗口里的内容。它也可以在 setup() 函数内调用,给动画的第一帧设置背景。

background() 带有一个参数的时候,参数有四种解读方式。如果参数是一个 Number, 该参数将作为灰度值解读。如果参数是 String, 该参数将作为 CSS 颜色字符串解读,并支持 RGB, RGBA, HSL, HSLA, hex, 以及 CSS 颜色名。 如果该参数是一个 p5.Color 对象,它将作为背景颜色使用。如果该参数是一个 p5.Image 它将作为背景图片使用。

background() 带有两个参数的时候,第一个参数将作为灰度值解读。第二个参数设置 alpha(透明度)。

background() 带有三个参数的时候,这三个参数将作为 RGB, HSB, 或 HSL 模式下的颜色值解读,具体的模式取决于 colorMode()

默认情况下,颜色数值将以 RGB 模式解读,调用 background(255, 204, 0) 会将背景设为一个亮黄色。

示例

语法

background(color)
background(colorstring, [a])
background(gray, [a])
background(v1, v2, v3, [a])
background(values)
background(image, [a])

参数

color
p5.Color:

通过 color() 函数创建的任意变量。

colorstring
字符串:

颜色字符串。常见格式包括:整数形式的 rgb() 或 rgba()、百分比形式的 rgb() 或 rgba()、三位的 hex、六位的hex。

a
数字:

与当前色域相对应的背景透明度(默认为 0 到 255 之间)。

gray
数字:

在纯白与纯黑间设定的一个变量。

v1
数字:

当颜色模式为 RGB 时本参数为红色值。当颜色模式为 HSB 时本参数为色相值。

v2
数字:

当颜色模式为 RGB 时本参数为绿色值。当颜色模式为 HSB 时本参数为饱和度值。

v3
数字:

当颜色模式为 RGB 时本参数为蓝色值。当颜色模式为 HSB 时本参数为亮度值。

values
数字[]:

一组包含特定颜色的红色、绿色、蓝色及 alpha 值的数列。

image
p5.Image:

通过 loadImage()createImage() 函数创建的图像,作为背景使用(必须与绘图窗口的尺寸相同)。

Notice any errors or typos? Please let us know. Please feel free to edit src/color/setting.js and open a pull request!

相关参考