La función createRadio() se utiliza para crear un elemento de botón de radio en el DOM (Modelo de objetos de documento). El método .option() se utiliza para configurar las opciones de la radio.
Esta función requiere la biblioteca p5.dom. Así que agregue la siguiente línea en la sección principal del archivo index.html.
html
<script src= "https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"> </script>
Sintaxis:
createRadio( divId )
Parámetros: esta función acepta un solo parámetro divId que contiene la identificación y el nombre del div creado y el campo de entrada, respectivamente.
Ejemplo: Este ejemplo cambia el color de fondo de acuerdo con la opción seleccionada del botón de opción.
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); }
Producción:
Referencia: https://p5js.org/reference/#/p5/createRadio
Publicación traducida automáticamente
Artículo escrito por SujanDutta y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA