如何自訂並向 QR 碼添加標誌

This article was translated from English: Does it need improvement?
Translated
View the article in English

海里海西米·賓·奧馬

由於QR碼比傳統條碼具有更高的數據容量和掃描方便性,其受歡迎程度日益增加。尤其在行銷中,QR碼因其可定制性受到重視,包括添加標誌、改變顏色和整合其他品牌元素的選項。

為滿足這一需求,IronBarcode 提供了一套自訂QR碼的功能。用戶可以創建帶有標誌的QR碼,改變配色方案,並添加註釋。這些功能由 鐵繪圖,免費和開源的庫。



C# NuGet 程式庫用于

安裝與 NuGet

Install-Package BarCode
Java PDF JAR

下載 DLL

下載DLL

手動安裝到您的項目中

C# NuGet 程式庫用于

安裝與 NuGet

Install-Package BarCode
Java PDF JAR

下載 DLL

下載DLL

手動安裝到您的項目中

立即開始在您的專案中使用IronPDF,並享受免費試用。

第一步:
green arrow pointer

查看 IronBarcodeNuget 快速安裝和部署。已被下載超過800萬次,它正用C#改變。

C# NuGet 程式庫用于 nuget.org/packages/BarCode/
Install-Package BarCode

請考慮安裝 IronBarcode DLL 直接下載並手動安裝到您的專案或GAC表單: IronBarCode.zip

手動安裝到您的項目中

下載DLL

創建帶有標誌的 QR 碼範例

生成 QR 碼時,需要一個 QRCodeLogo 物件來嵌入標誌圖片。CreateQrCodeWithLogo 方法也用於生成帶有標誌的 QR 碼。

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo.cs
using 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")
VB   C#
帶有標誌的 QR Code

讓我們檢查由上述代碼生成的輸出 QR 碼。我們可以看到 QR 碼中心有一個標誌,並且具有圓角。

要自訂標誌,需要在創建新的 QRCodeLogo 對象時填寫某些欄位。以下是這些必填欄位的說明:

  • 導入圖像:您可以通過多種方式導入圖像,如來自 AnyBitmapStreamByte Array、相對filepathURI
  • 圖像尺寸:指定標誌圖像的期望寬度和高度(以像素為單位)。如果圖像過大導致 QR 碼無法讀取,則會引發異常。使用值 0 來自動確定最大可行尺寸。
  • 圖像圓角:設置標誌圖像圓角的半徑。使用默認值 0 表示方角。

最後,要匯出生成的 QR 碼,只需調用保存方法。您有多種匯出選項,包括 圖像文件, , HTMLPDF.

更改 QR Code 顏色範例

除了可以在 QR Code 中添加標誌外,IronBarcode 還允許用戶通過改變顏色來進一步自定義 QR Code。使用我們的 鐵繪圖 透過該程式庫,使用者可以輕鬆地使用 RGB 值或 Hex 色碼來定義自己的顏色並將其應用於 QR 碼。讓我們看看展示此功能的程式碼片段以及執行此程式碼後得到的 QR 碼。

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color.cs
using 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")
VB   C#
具有自定義標誌和顏色的 QR 碼

上面的代碼片段擴展了一個關於創建帶有標誌的QR碼的先前範例。它演示了如何使用 ChangeBarCodeColor 方法更改QR碼顏色,該方法接受一個 IronSoftware.Drawing.Color 對象作為輸入。您可以使用RGB值、十六進制代碼或預定義的枚舉創建該對象。訪問我們的 "建立顏色" 範例程式碼了解更多。

添加 QR Code 註解範例

另一個自訂或設計 QR Code 的重要方面是,在 QR Code 圖像內添加註解。這些註解可以是條碼值本身或用於促銷或市場行銷目的的自訂文本。

現在,讓我們檢查這些方法的實現,並查看下面代碼片段生成的 QR Code 圖像。

:path=/static-assets/barcode/content-code-examples/how-to/customize-qr-code-style-logo-color-annotation.cs
using 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")
VB   C#
帶註解的 QR 碼

IronBarcode 提供設定註解位置的方法 (上方或下方的 QR 碼) 以及它的字體和顏色。以下是此功能可用的方法:

  • AddAnnotationTextAboveBarcode:在QR碼上方添加註釋文本。
  • AddAnnotationTextBelowBarcode:在QR碼下方添加註釋文本。
  • AddBarcodeValueTextAboveBarcode:在QR碼上方添加條碼值文本。
  • AddBarcodeValueTextBelowBarcode:在QR碼下方添加條碼值文本。

自訂註釋和條碼值

上述所有四種方法都接受作為 IronSoftware.Drawing.Font 對象的自訂字體、作為 IronSoftware.Drawing.Color 對象的顏色以及一個整數來指定文本頂部和底部的像素間距。請注意,這些參數是可選的;如果未指定,將使用默認字體、顏色和間距。

簡而言之,IronBarcode 是創建和自訂您的 QR 碼的理想工具。除了直接用於自訂的方法外,IronBarcode 還使用我們自己的 IronDrawing 作為與圖像處理相關的輔助庫,其穩定性被認為高於依賴其他外部庫。

海里海西米·賓·奧馬

軟體工程師

和所有優秀的工程師一樣,Hairil 是一位熱衷學習的人。他正在精進自己對 C#、Python 和 Java 的知識,利用這些知識為 Iron Software 團隊的成員創造價值。Hairil 從馬來西亞的馬來西亞工藝大學加入了 Iron Software 團隊,他在那裡獲得了化學和過程工程學士學位。