zpao/qrcode.react
Qrcode.react
Ce projet est une bibliothèque de composants React pour générer et afficher des codes QR personnalisables. Elle fournit des outils pour produire des codes QR sous forme de graphiques vectoriels évolutifs (SVG) ou via un canvas HTML5.
La bibliothèque permet la conception de codes QR de marque en autorisant l'intégration de logos ou d'images personnalisés au centre du code. Elle prend en charge une gamme de personnalisations visuelles, incluant l'ajustement des dimensions, des couleurs de premier plan et d'arrière-plan, ainsi que l'épaisseur des marges.
L'ensemble d'outils couvre le contrôle programmatique des niveaux de correction d'erreur pour maintenir la lisibilité lors de l'utilisation de superpositions. Il inclut également des capacités d'exportation d'image côté client, permettant aux codes QR rendus d'être convertis en fichiers image téléchargeables directement dans le navigateur.
Features
- QR Code Generators - Provides a React library for generating and rendering scannable QR codes using SVG or Canvas.
- Programmatic QR Generation - Provides programmatic control over QR code size, colors, and margins to match specific user interfaces.
- Branded QR Codes - Enables the creation of branded QR codes by embedding custom logos or images in the center.
- QR Code Error Correction Level Selectors - Provides programmatic control over QR error correction levels to ensure scannability when logos are overlaid.
- QR Code Visual Options - Modifies visual style via adjustments to size, foreground/background colors, and margin thickness.
- QR Code Components - Ships a React component for generating and rendering QR codes as SVG or Canvas elements.
- Image Base64 Encoding - Converts rendered QR codes into base64-encoded data URI strings for client-side downloads.
- QR Code Exports - Extracts rendered QR code data as image files for client-side downloads.
- Canvas Rendering - Implements direct pixel manipulation on an HTML5 canvas to render QR codes and center logos.
- SVG-Based Vector Rendering - Generates scalable vector graphics (SVG) to ensure high-fidelity rendering at any size.
- Image Layer Compositing - Renders the QR base and center logos as separate layers to manage opacity and background excavation.
- Canvas-Based Generators - Renders QR codes onto an HTML5 canvas for high-performance display and image export.
- SVG Vector Generation - Produces scalable vector graphics for QR codes with customizable colors and dimensions.
- Client-Side Image Generation - Converts rendered QR codes into downloadable image files entirely within the user's browser.
- Specialized Components - QR component for use with React
- UI Components - QR code generation component.
