Visualizzazione dei risultati da 1 a 10 su 12

Visualizzazione discussione

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2018
    Messaggi
    218

    caricare immagini da tastiera in <canvas>

    Desidererei sapere come si fa per caricare un file immagine in un contenitore <div> o <canvas> da tastiera, cioè navigando tra le carlelle fino a raggiungere il file immagine e cliccarci sopra.
    Sul web ho trovato solo come si carica scrivendo il nome del file immagine nel codice, come qui sotto:

    codice:
    <!doctype html>
    <html>
    <body>
    <canvas id="tela" width="600" height="388" Style="border: 2px solid red;"></canvas>
    <script>
    var c=document.getElementById("tela");
    var ctx=c.getContext("2d");
    var img=new Image();
    img.src="nomefile.jpg";
    img.onload=function() {
    ctx.drawImage(img,0,0);
    }
    </script>
    </body>
    </html>
    Ma questo metodo non permette di lavorare sulle immagini in generale, obbligando a intervenire ogni volta nel codice per scriverci il nome del file immagine che si vuole caricare.
    Grazie


    lanvoel
    Ultima modifica di ciro78; 20-03-2023 a 21:00 Motivo: tag code

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.