Torna ai Progetti
Client-Side Tool & Grafica Vettoriale
2024

QR-Code Creator — Generatore Vettoriale Client-Side Privacy-First

Applicazione web per la creazione istantanea di codici QR permanenti ad alta risoluzione con safe-zone per logo ed export SVG puro.

JavaScript ES6+HTML5 Canvas APISVG DOMCSS3Client-Side Only
QR-Code Creator — Generatore Vettoriale Client-Side Privacy-First
Problem & Strategy

La Genesi del Progetto (Perché è nato)

Il Problema Iniziale

I servizi commerciali online per generare codici QR sono saturi di dark pattern: pubblicità invasive, tracciatori invasivi, loghi a pagamento e link dinamici che scadono dopo pochi giorni per forzare l'acquisto di abbonamenti.

Il Contesto Tecnico

Un codice QR per uno stampato (biglietto da visita, menu, packaging) deve essere permanente, statico e ad altissima risoluzione per la tipografia. Doveva essere generato interamente in locale nel browser dell'utente, senza inviare dati a nessun server remoto.

L'Obiettivo Ingegneristico

Costruire un tool leggero in puro JavaScript vanilla con rendering in tempo reale su Canvas, calcolo matematico della tolleranza d'errore Reed-Solomon per l'incorporamento di loghi e download vettoriale SVG puro (scalabile all'infinito).

Engineering Challenges

Sfide Tecniche & Soluzioni Ingegneristiche

Challenge #1

Incorporamento del Logo senza compromettere la Scansionabilità

La Complessità / Il Problema:

Inserire un logo al centro di un codice QR distrugge i byte di informazione; se il logo è troppo grande o posizionato male, gli scanner non leggono il codice.

La Soluzione Ingegneristica:

Fissato l'algoritmo di correzione d'errore su Level H (High, 30% di tolleranza) e calcolata geometricamente l'area massima del logo al 20% della superficie totale, creando un padding circolare che preserva i moduli di sincronizzazione critici.

Challenge #2

Esportazione Vettoriale SVG Nativa da Matrice Booleana

La Complessità / Il Problema:

Molti generatori creano file SVG incorporando un'immagine PNG in base64, perdendo il vero vantaggio vettoriale in stampa.

La Soluzione Ingegneristica:

Sviluppato un serializzatore DOM che itera sulla matrice booleana dei moduli QR, generando un unico elemento <path> SVG ottimizzato con coordinate assolute, garantendo peso ridotto (<5KB) e scalabilità infinita per tipografie.

Inizia un Progetto

Hai un'idea o una sfida tecnica da sviluppare?

Progetto e sviluppo applicazioni web moderne, piattaforme scalabili e architetture cloud su misura per le tue esigenze.