P5.js 元素 toggleClass() 方法

在 P5.js 中，元素可以使用 toggleClass() 方法来切换类。这个方法会在某个类已经被应用到元素上时删除它，否则会在元素上添加这个类。

语法

element.toggleClass(name)

参数说明：

• name：必选，表示要切换的类的名称。

示例

下面的例子展示了如何通过 mouseClicked() 函数切换元素的类：

let myButton;

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

  myButton = createButton('Toggle Class');
  myButton.position(10, 10);
  myButton.mouseClicked(() => {
    myButton.toggleClass('active');
  });
}

function draw() {
  background(220);
}

在这个例子中，我们创建了一个按钮，并将其初始化为未激活状态。当用户点击按钮时，调用 toggleClass() 方法来切换按钮的类，从而改变按钮的样式。

参考链接

• P5.js 元素 toggleClass() 方法文档