🖼

Lavagna di Disegno

Canvas digitale con pennelli personalizzabili, gomma, cronologia undo/redo e salvataggio in PNG/WebP. Tutto avviene offline, i tratti restano sul tuo dispositivo.

Strumento
Spessore pennello
5px
Opacità pennello
100%
Colore pennello
#000000
Sfondo canvas
#FFFFFF
Canvas di disegno
PNG

Cos'è la lavagna di disegno

Un block-notes visivo basato su Canvas per schizzare idee, diagrammi informali e annotazioni senza aprire software complessi.

Caratteristiche principali

🖌️

Pennelli personalizzati

Regola spessore, colore, trasparenza e punta del pennello
🧽

Gomma e undo/redo

Correggi gli errori con gomma mirata, annulla o ripeti le ultime azioni
🖼️

Annotazioni su immagini

Importa screenshot o foto per evidenziare elementi, tracciare frecce e aggiungere note
💾

Esportazione immediata

Scarica il risultato in PNG/WebP o copia il disegno negli appunti

📋Come usarla

1️⃣
Imposta il pennello
Scegli colore e spessore in base al tipo di tratto (bozza, evidenziazione, firma)
2️⃣
Disegna o annota
Libera creatività, carica un'immagine di riferimento o annota screenshot in tempo reale
3️⃣
Condividi il risultato
Scarica l'immagine oppure copia il canvas per incollarlo in documenti e chat

📚Approfondimento tecnico

🎨Canvas HTML5

Il disegno sfrutta l'API 2D (`getContext('2d')`) con percorsi (`beginPath`, `lineTo`, `stroke`) e composizione per la gomma

🖱️Eventi input

Mouse e touch vengono normalizzati per ottenere tratti fluidi anche su dispositivi mobili

📤Esportazione

`canvas.toBlob()` e `canvas.toDataURL()` generano file immagine senza invio a server esterni

Domande frequenti

I miei disegni vengono inviati in rete?

No, tutto il tratto rimane sul tuo browser. Puoi esportare manualmente l'immagine quando vuoi.
💬

Posso cambiare colore e spessore durante il disegno?

Sì, puoi modificare i parametri in qualsiasi momento e continuare a disegnare con le nuove impostazioni.
🔍

Esiste un'opzione gomma/undo?

Sono disponibili gomma dedicata e storia undo/redo per correggere rapidamente gli errori.

💡Suggerimenti rapidi

Storyboard e wireframe

Disegna rapidamente interfacce o scenari utente prima di passare a strumenti più strutturati

Feedback visivo

Annota bug o revisioni su schermate catturate senza uscire dal browser

Note durante le call

Usa la lavagna per spiegare concetti durante riunioni online e condividi lo screenshot finale con il team

🔗Documentazione correlata

User Comments

0 / 2000
Loading...