Wie man QR-Codes anpasst und Logos hinzufügt
QR-Codes haben aufgrund ihrer höheren Datenkapazität und ihrer einfachen Lesbarkeit gegenüber herkömmlichen Barcodes an Beliebtheit gewonnen. Im Marketing werden sie vor allem wegen ihrer Anpassungsfähigkeit geschätzt, denn sie bieten die Möglichkeit, Logos hinzuzufügen, Farben zu ändern und andere Branding-Elemente einzubinden.
Um dieser Nachfrage gerecht zu werden, bietet IronBarcode eine Reihe von Funktionen zur Anpassung von QR-Codes. Benutzer können QR-Codes mit Logos erstellen, die Farbschemata ändern und Anmerkungen hinzufügen. Diese Funktionen werden von IronDrawing unterstützt, einer kostenlosen und quelloffenen Bibliothek.
Erste Schritte mit IronBarcode
Beginnen Sie noch heute mit der Verwendung von IronBarcode in Ihrem Projekt mit einer kostenlosen Testversion.
Wie man QR-Codes anpasst und Logos hinzufügt
- Download the C# library for customizing and adding logos to QR codes
- Verwenden Sie die
CreateQrCodeWithLogo-Methode, um einen QR-Code mit einem Logo zu erstellen - Verwenden Sie die
ChangeBarCodeColor-Methode, um benutzerdefinierte Farben zum QR-Code hinzuzufügen - Fügen Sie Anmerkungen zum QR-Code hinzu, indem Sie die Methode
AddAnnotationTextAboveBarcodeverwenden - Zeigen Sie den Wert des QR-Codes an, indem Sie die
AddBarcodeValueTextBelowBarcode-Methode verwenden
QR-Codes mit Logo erstellen Beispiel
Ein QRCodeLogo-Objekt ist erforderlich, um das Logo-Bild beim Erstellen des QR-Codes einzubetten. Die Methode CreateQrCodeWithLogo wird ebenfalls verwendet, um einen QR-Code mit einem Logo zu erstellen.
:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo.csusing IronBarCode;
using IronSoftware.Drawing;
AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");
QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);
GeneratedBarcode QrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png");
Imports IronBarCode
Imports IronSoftware.Drawing
Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")
Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)
Private QrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
QrCodeWithLogo.SaveAsPng("QrCodeWLogo2.png")Schauen wir uns den QR-Code an, der mit dem obigen Code erzeugt wurde. Wir können sehen, dass der QR-Code ein Logo in der Mitte mit abgerundeten Kanten aufweist.
Um das Logo anzupassen, müssen Sie bestimmte Felder ausfüllen, während Sie ein neues QRCodeLogo-Objekt erstellen. Hier finden Sie die Erläuterungen zu den Pflichtfeldern:
- Bild importieren: Sie können auf verschiedene Weisen Bilder importieren, z. B. von AnyBitmap, Stream, Byte Array, relativem Dateipfad oder URI.
- Bildabmessungen: Geben Sie die gewünschte Breite und Höhe des Logobildes in Pixeln an. Wenn das Bild zu groß ist, um den QR-Code lesen zu können, wird eine Ausnahme ausgelöst. Verwenden Sie den Wert 0, um automatisch die größte realisierbare Größe zu ermitteln.
-
Bild-Ecken: Legen Sie den Radius der abgerundeten Ecken des Logo-Bildes fest. Verwenden Sie den Standardwert 0 für quadratische Ecken.
Um den erzeugten QR-Code zu exportieren, rufen Sie einfach eine Speichermethode auf. Sie haben mehrere Exportoptionen, einschließlich Bilddateien, Streams, HTML und PDF.
Farbe des QR-Codes ändern Beispiel
IronBarcode bietet nicht nur die Möglichkeit, ein Logo in den QR-Code einzufügen, sondern auch die Farbe des QR-Codes zu ändern, um ihn weiter anzupassen. Mit unserer IronDrawing Bibliothek können Benutzer ihre eigenen Farben ganz einfach mit RGB-Werten oder Hex-Farbcodes definieren und auf den QR-Code anwenden. Schauen wir uns das Codeschnipsel an, das diese Funktion demonstriert, und den QR-Code, der sich aus der Ausführung dieses Codes ergibt.
:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color.csusing IronBarCode;
using IronSoftware.Drawing;
AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");
QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);
IronSoftware.Drawing.Color ColorFromRgb = new IronSoftware.Drawing.Color(51, 51, 153);
GeneratedBarcode QrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
GeneratedBarcode QrCodeWithLogoAndColor = QrCodeWithLogo.ChangeBarCodeColor(ColorFromRgb);
QrCodeWithLogoAndColor.SaveAsPng("ColorQrCodeWithLogo.png");Imports IronBarCode
Imports IronSoftware.Drawing
Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")
Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)
Private ColorFromRgb As New IronSoftware.Drawing.Color(51, 51, 153)
Private QrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Private QrCodeWithLogoAndColor As GeneratedBarcode = QrCodeWithLogo.ChangeBarCodeColor(ColorFromRgb)
QrCodeWithLogoAndColor.SaveAsPng("ColorQrCodeWithLogo.png")
Das obige Codeschnipsel erweitert ein früheres Beispiel zur Erstellung von QR-Codes mit einem Logo. Es zeigt, wie man die Farbe des QR-Codes mithilfe der ChangeBarCodeColor-Methode ändert, die ein IronSoftware.Drawing.Color-Objekt als Eingabe nimmt. Sie können dieses Objekt mit RGB-Werten, Hex-Codes oder vordefinierten Enums erstellen. Besuchen Sie unser "Create Color" Codebeispiel, um mehr zu erfahren.
QR-Code-Anmerkung hinzufügen Beispiel
Ein weiterer wichtiger Aspekt beim Anpassen oder Gestalten eines QR-Codes ist das Hinzufügen von Kommentaren innerhalb des QR-Code-Bildes. Diese Anmerkungen können entweder der Barcodewert selbst oder ein benutzerdefinierter Text für Werbe- oder Marketingzwecke sein.
Schauen wir uns nun die Implementierung dieser Methoden und das daraus resultierende QR-Code-Bild an, das mit dem nachstehenden Codeschnipsel erzeugt wird.
:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color-annotation.csusing IronBarCode;
using IronSoftware.Drawing;
AnyBitmap qrlogo = AnyBitmap.FromFile("ironbarcode_top.webp");
QRCodeLogo logo = new QRCodeLogo(qrlogo, 0, 0, 20f);
Color colorForBarcode = new Color(51, 51, 153); // color from RGB
Color annotationAboveBarcodeColor = new Color("#176feb"); // color from Hex
Font annotationAboveBarcodeFont = new Font("Candara", FontStyle.Bold, 15);
Color barcodeValueBelowBarcodeColor = new Color("#6e53bb");
Font barcodeValueBelowBarcodeFont = new Font("Cambria", FontStyle.Regular, 15);
GeneratedBarcode qrCodeWithLogo = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250);
GeneratedBarcode qrCodeWithLogoAndColor = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode);
GeneratedBarcode qrCodeWithAnnotation = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationAboveBarcodeFont, annotationAboveBarcodeColor, 2).AddBarcodeValueTextBelowBarcode(barcodeValueBelowBarcodeFont, barcodeValueBelowBarcodeColor, 2);
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png");Imports IronBarCode
Imports IronSoftware.Drawing
Private qrlogo As AnyBitmap = AnyBitmap.FromFile("ironbarcode_top.webp")
Private logo As New QRCodeLogo(qrlogo, 0, 0, 20F)
Private colorForBarcode As New Color(51, 51, 153) ' color from RGB
Private annotationAboveBarcodeColor As New Color("#176feb") ' color from Hex
Private annotationAboveBarcodeFont As New Font("Candara", FontStyle.Bold, 15)
Private barcodeValueBelowBarcodeColor As New Color("#6e53bb")
Private barcodeValueBelowBarcodeFont As New Font("Cambria", FontStyle.Regular, 15)
Private qrCodeWithLogo As GeneratedBarcode = QRCodeWriter.CreateQrCodeWithLogo("https://ironsoftware.com/csharp/barcode/", logo, 250)
Private qrCodeWithLogoAndColor As GeneratedBarcode = qrCodeWithLogo.ChangeBarCodeColor(colorForBarcode)
Private qrCodeWithAnnotation As GeneratedBarcode = qrCodeWithLogoAndColor.AddAnnotationTextAboveBarcode("IronBarcodeRocks!", annotationAboveBarcodeFont, annotationAboveBarcodeColor, 2).AddBarcodeValueTextBelowBarcode(barcodeValueBelowBarcodeFont, barcodeValueBelowBarcodeColor, 2)
qrCodeWithAnnotation.SaveAsPng("QRCodeWithAnnotation.png")
IronBarcode bietet Methoden zur Einstellung der Position der Annotation (über oder unter dem QR-Code) sowie der Schriftfamilie und -farbe. Nachstehend finden Sie die verfügbaren Methoden für diese Funktion:
AddAnnotationTextAboveBarcode: Fügt Anmerkungstext oberhalb des QR-Codes hinzu.AddAnnotationTextBelowBarcode: Fügt Anmerkungstext unterhalb des QR-Codes hinzu.AddBarcodeValueTextAboveBarcode: Fügt den Barcode-Werttext über dem QR-Code hinzu.AddBarcodeValueTextBelowBarcode: Fügt den Barcode-Wert-Text unterhalb des QR-Codes hinzu.
Anpassen der Beschriftung und des Barcodewertes
Alle vier oben genannten Methoden akzeptieren eine benutzerdefinierte Schriftart als IronSoftware.Drawing.Font Objekt, Farbe als IronSoftware.Drawing.Color Objekt und eine ganze Zahl, um den oberen und unteren Abstand des Textes in Pixeln anzugeben. Bitte beachten Sie, dass diese Parameter optional sind; wenn nicht angegeben, werden die Standardschriftart, -farbe und -abstände verwendet.
Kurz gesagt, IronBarcode ist ein ideales Tool zum Erstellen und Anpassen Ihres QR-Codes. Abgesehen von den direkten Methoden, die für die Anpassungen verwendet wurden, nutzte IronBarcode auch unsere eigene IronDrawing als Hilfsbibliothek für alles, was mit Bildverarbeitung zu tun hatte, was vermutlich stabiler war als die Abhängigkeit von anderen externen Bibliotheken.
