Posso generare QR code nel browser senza un server?

Sì. Librerie come qrcode e qr-code-styling funzionano interamente nel browser usando il rendering Canvas o SVG. Non è necessaria alcuna elaborazione lato server per la generazione base di QR code.

Come genero QR code in Node.js?

Usa il pacchetto npm qrcode che supporta Node.js nativamente. Può generare QR code come data URL, buffer o file. Per QR code stilizzati, puoi chiamare l'API QRCode.fun da Node.js usando fetch o axios.

Posso aggiungere un logo a un QR code in JavaScript?

Sì. La libreria qr-code-styling supporta l'aggiunta di loghi nativamente. In alternativa, usa l'API QRCode.fun che supporta la sovrapposizione del logo con gestione automatica della zona di silenzio.

Quali formati di output sono supportati?

La maggior parte delle librerie JavaScript supporta PNG (tramite Canvas) e output SVG. L'API QRCode.fun supporta anche sia PNG che SVG con rendering di alta qualità costante.

Libreria JavaScript per QR Code

Genera QR Code con JavaScript

JavaScript è il linguaggio più popolare per lo sviluppo web. Usa librerie come qrcode.js o qr-code-styling per generare QR code nel browser o in Node.js, oppure chiama l'API QRCode.fun per stili avanzati.

Prova il Generatore QR Vedi Documentazione API

Installazione

Installa le librerie JavaScript per QR code più popolari usando il tuo gestore di pacchetti preferito.

npm

npm install qrcode

yarn

yarn add qrcode

npm (styled)

npm install qr-code-styling

Genera QR Code con Librerie JavaScript

Ecco esempi di codice che usano le librerie JavaScript per QR code più popolari per generare QR code nei tuoi progetti.

Basic QR Code (Node.js)

const QRCode = require('qrcode')

// Generate QR code as data URL
const dataUrl = await QRCode.toDataURL('https://qrcode.fun')
console.log(dataUrl)

// Generate QR code as file
await QRCode.toFile('./qrcode.png', 'https://qrcode.fun', {
  width: 300,
  margin: 2,
  color: {
    dark: '#1A2B3C',
    light: '#FFFFFF'
  }
})

Browser Canvas Rendering

import QRCode from 'qrcode'

const canvas = document.getElementById('canvas')
await QRCode.toCanvas(canvas, 'https://qrcode.fun', {
  width: 256,
  margin: 2,
  color: {
    dark: '#1A2B3C',
    light: '#FFFFFF'
  }
})

Styled QR Code with Logo

import QRCodeStyling from 'qr-code-styling'

const qrCode = new QRCodeStyling({
  width: 300,
  height: 300,
  data: 'https://qrcode.fun',
  image: '/logo.png',
  dotsOptions: {
    color: '#1A2B3C',
    type: 'rounded'
  },
  cornersSquareOptions: {
    color: '#8564C3',
    type: 'extra-rounded'
  },
  backgroundOptions: {
    color: '#FFFFFF'
  }
})

qrCode.append(document.getElementById('qr-container'))
qrCode.download({ extension: 'png' })

QRCode.fun API

Genera QR Code tramite API in JavaScript

Usa l'API QRCode.fun per generare QR code stilizzati con colori, forme e loghi personalizzati dalla tua applicazione JavaScript.

Integrazione API JavaScript

// Using fetch (Browser or Node.js 18+)
const response = await fetch('https://qrcode.fun/api/generate-qr-styled', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    data: 'https://qrcode.fun',
    width: 300,
    height: 300,
    type: 'png',
    margin: 10,
    dotsOptions: {
      color: '#1A2B3C',
      type: 'rounded'
    },
    cornersSquareOptions: {
      color: '#8564C3',
      type: 'extra-rounded'
    },
    backgroundOptions: {
      color: '#FFFFFF'
    }
  })
})

const result = await response.json()
// result.data contains the base64 PNG data URL
console.log(result.data)

Anteprima QR Code Live

Prova a generare un QR code con JavaScript adesso.

Inserisci testo o URL

Anteprima QR

Libreria Nativa vs API

Confronta l'uso diretto di una libreria JavaScript per QR code con l'API QRCode.fun.

Funzionalità	Libreria Nativa	QRCode.fun API
Complessità di configurazione	Installa pacchetto, configura bundler	Singola richiesta HTTP
Personalizzazione	Varia per libreria	Stile completo: colori, forme, loghi
Supporto offline	Sì	Richiede internet
Manutenzione	Aggiorna dipendenze manualmente	Sempre aggiornato
Formati di output	PNG, SVG (dipende dalla libreria)	PNG, SVG

Casi d'Uso JavaScript per QR Code

Scenari comuni in cui gli sviluppatori JavaScript generano QR code.

Applicazioni Web

Genera QR code dinamicamente in app web React, Vue, Angular o vanilla JS per condividere link, pagamenti o autenticazione.

Backend Node.js

Crea QR code lato server per fatture, biglietti, etichette di spedizione e allegati email automatizzati.

Progressive Web App

Aggiungi la generazione di QR code alle PWA per esperienze mobile offline con codici scansionabili.

Estensioni Browser

Crea estensioni Chrome o Firefox che generano QR code per l'URL della pagina corrente o il testo selezionato.

Domande Frequenti

Domande comuni sulla generazione di QR code con JavaScript.

Le due opzioni più popolari sono qrcode (leggera, ottima per QR code semplici) e qr-code-styling (personalizzazione avanzata con colori, forme e loghi). Scegli qrcode per semplicità o qr-code-styling per flessibilità di design.

Inizia a generare QR code con JavaScript

Usa il nostro generatore online gratuito per QR code rapidi, o integra l'API nel tuo progetto JavaScript per la generazione automatizzata.

Apri Generatore QR Esplora Documentazione API