功能分类: UI Controls Applab JavaScript 少儿编程
指定 RGBA 值,设置当前画笔颜色,用在页面画背景、规则图形、线及点等不同类型的图形。
传递 RGB 三个参数值,可以获得 256^3 = 16777216 种不同颜色。
如果只有一个参数,则参数表示颜色的灰度值;如果有两个参数,则参数分别表示颜色的灰度值和透明度;如果有三个参数,则参数分别对应 RGB 的三个值;如果有四个参数,则参数分别对应 RGB 的三个值以及透明度。
// 如果只有一个参数,则参数表示颜色的灰度值
fill(rgb(100));
rect(100, 100, 50, 50);
// 如果有两个参数,则参数分别表示颜色的灰度值和透明度
fill(rgb(100,0.5));
rect(150, 100, 50, 50);
// 如果有三个参数,则参数分别对应 RGB 的三个值
fill(rgb(0,100,200));
rect(100, 150, 50, 50);
// 如果有四个参数,则参数分别对应 RGB 的三个值以及透明度
fill(rgb(0, 100, 200, 1));
rect(150, 150, 50, 50);
示例代码:法国国旗 你可以在网上查询每个国家国旗的官方颜色
// 画一面法国国旗(蓝白红)
// 你可以在网上查询每个国家国旗的官方颜色
fill(rgb(0,85,164));
rect(50, 50, 300, 100);
fill(rgb(255,255,255));
rect(50, 150, 300, 100);
fill(rgb(239,65,53));
rect(50, 250, 300, 100);
rgb(r, g, b, a)
名称 | 类型 | 必需 | 参数描述 |
---|---|---|---|
r | Number | Yes | 指定 red 红色 数值,数值范围为 0 - 255 |
g | Number | Yes | 指定 green 绿色 数值,数值范围为 0 - 255 |
b | Number | Yes | 指定 blue 蓝色 数值,数值范围为 0 - 255 |
a | Number | No | 指定 opacity 透明度 数值,数值范围为 0.0(完全透明)到 1.0(完全不透明)。默认值为 1.0(完全不透明)。 |
设置当前画笔颜色并返回 color 颜色类型。返回值通常作为参数传递给 background()、fill() 或 stroke() 方法使用。