select("#loadButton").mouseClicked(function(){ var file = this.files[0]; file.src = URL.createObjectURL(this.files[0]); loadImage(file.src, img => { image(img, 0,0); }); });Estoy creando una aplicación de pintura con p5.js e intento cargar un archivo de imagen, pero no aparece en la pantalla.
Necesita configurar una entrada de archivo y un controlador. Después de eso, debe escribir la imagen en el lienzo. Lo siguiente fue copiado directamente del sitio web de p5.js :
let input; let img; function setup() { input = createFileInput(handleFile); input.position(0, 0); } function draw() { background(255); if (img) { image(img, 0, 0, width, height); } } function handleFile(file) { print(file); if (file.type === 'image') { img = createImg(file.data, ''); img.hide(); } else { img = null; } }