p5.js | createRadio()函数

createRadio()函数用于在 DOM（文档对象模型）中创建单选按钮元素。 .option() 方法用于设置收音机的选项。
此函数需要 p5.dom 库。因此，在 index.html 文件的 head 部分添加以下行。

句法：

createRadio( divId )

参数：此函数接受单个参数divId ，该参数分别保存创建的 div 和输入字段的 id 和 name。
示例：此示例根据单选按钮的选定选项更改背景颜色。

javascript

// Create a variable for radio-button object
var radio;
 
function setup() {
     
    // Create a canvas
    createCanvas(400, 400);
     
    // Create a radio-button object
    // and set options
    radio = createRadio();
     
    // Option 1 : orange
    radio.option('orange');
     
    // Option 2 : skyblue
    radio.option('skyblue');
     
    // Option 3 : green
    radio.option('green');
     
    // Set the width
    radio.style("width", "80px");
     
    // Position the radio-button object
    radio.position(160, 200);
}
 
function draw() {
     
    // Get the value of the radio-button
    var val = radio.value();
     
    // Set the background-color
    background(val);
}

输出：

参考： https://p5js.org/reference/#/p5/createRadio