p5.js | hex()函数

在p5.js中，hex()函数可以将10进制的颜色值转换为16进制的颜色值。颜色值是一个由3或4个数字组成的数组，它表示红色、绿色和蓝色值（和可选的alpha通道）。

语法

hex(value, [digits])

参数：

• value：要转换成16进制的颜色值，必须是0到255之间的数字。
• digits（可选）：转换后的16进制颜色值中的数字个数。如果省略此参数，则返回6位颜色值（不包含alpha通道）。如果指定了此参数值为2、3、4或8，则返回包含alpha通道的颜色值。如果指定此参数的值为#或0，则返回带有前导#符号的颜色值。

返回值：

一个表示转换后16进制颜色值的字符串。

示例

在这个例子中，我们将使用hex()函数将10进制的颜色值转换为16进制的颜色值，然后将它们应用于background()和fill()函数。

function setup() {
  createCanvas(400, 400);
  background(hex(255, 0, 0));
  fill(hex(0, 255, 0));
  rect(50, 50, 300, 300);
  fill(hex(0, 0, 255));
  rect(100, 100, 200, 200);
}

在这个例子中，我们将使用hex()函数将10进制的颜色值转换为16进制的颜色值，并将它们应用于background()和stroke()函数。

function setup() {
  createCanvas(400, 400);
  background(hex(255));
  stroke(hex(0, 255, 0));
  strokeWeight(10);
  line(0, 0, width, height);
  stroke(hex(0, 0, 255));
  line(0, height, width, 0);
}

参考资料

• p5.js hex()函数文档