Vai al contenuto

Modalità manuale

La modalità manuale espone ogni regolazione accettata dal motore. Trovi gli stessi controlli nell'interfaccia dell'editor e nell'API.

I 7 essenziali

Se non cambi nient'altro, questi sono i più importanti:

  1. content: URL o testo da codificare.
  2. primaryColor + backgroundColor: devono mantenere un contrasto ≥ 4:1.
  3. eccLevel: L / M / Q / H. Predefinito H. H è obbligatorio se c'è un logo.
  4. moduleShape: square / circle / roundedsquare / diamond / hexagon / dot / cross / star / leaf / pointed / drop.
  5. finderOuterShape + finderInnerShape: i 3 pattern agli angoli. Square o roundedsquare per sicurezza; circle / target / double per il design.
  6. outputWidth + pixelsPerModule: scegline uno, l'altro viene calcolato.
  7. fileFormat: png, jpg, svg, pdf, webp.

Gradiente

{
  "foregroundStyle": "linearGradient",
  "gradientColors": ["#dcc28a", "#7d4bff"],
  "gradientDirection": "diagonal"
}

gradientDirection accetta vertical, horizontal, diagonal, diagonal-reverse, radial o custom (con gradientAngle: 0-360).

{
  "logoUrl": "https://yourbrand.com/logo.svg",
  "logoShape": "circle",
  "logoSizePercent": 18,
  "cleanBehindLogo": true,
  "eccLevel": "H"
}

logoSizePercent ha un massimo di 25 per mantenere la correzione degli errori entro limiti recuperabili.

Cornici + testi sovrapposti

{
  "frame": {
    "enabled": true,
    "color": "#3d2a14",
    "width": 6,
    "cornerRadius": 14,
    "padding": 18,
    "shape": "rectangle"
  },
  "centerText": {
    "text": "ADMIT ONE",
    "color": "#3d2a14",
    "backgroundColor": "#f5ecd2",
    "height": 28,
    "fontSize": 13,
    "bold": true
  },
  "ctaText": "Scan to enter"
}

Combinare tutti e tre (cornice + banner centrale + CTA sotto) è ciò che il motore mostra nel riquadro Biglietto banner della vetrina.

Elenco completo dei parametri

Consulta Riferimento QrConfig. È generato in automatico dagli stessi modelli usati dal motore, quindi è sempre allineato.