Javascript noFill - Javascript

noFill() 是 Javascript 中的一个函数，使用该函数可以将形状中的填充颜色设为透明，从而使形状变成一个空心的线框。

语法

noFill();

说明

noFill() 函数没有任何参数，它仅仅是一个没有输出的命令。

noFill() 函数通常在 beginShape() 函数前使用。该函数执行后，任何使用 beginShape()、vertex() 和 endShape() 构建的形状都将没有填充颜色。

示例

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  stroke(255, 0, 0);
  noFill();
  beginShape();
  vertex(100, 100);
  vertex(200, 100);
  vertex(200, 200);
  vertex(100, 200);
  endShape();
}

上述示例代码中，我们首先创建了一个 400x400 的画布，然后将背景颜色设置为灰色。接着，我们设置线条颜色为红色，并调用 noFill() 函数，显式地声明我们希望形状不填充颜色。然后，我们使用 beginShape() 和 endShape() 函数构建了一个矩形的形状。

运行后，你将看到一个空心的矩形线框。

总结

noFill() 函数是一个有用的 Javascript 函数，它可以将形状中的填充颜色设为透明，从而使形状变成一个空心的线框。在使用 beginShape()、vertex() 和 endShape() 等函数时，我们可以结合使用 noFill() 函数，控制形状的颜色和风格。