如何為QR碼新增邊距

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

正確縮放QR碼是平衡品牌廣告中視覺衝擊力與技術可讀性的關鍵步驟。 為達成此目標,使用邊距(通常稱為"留白區")可以改善QR碼的可讀性,並確保掃描裝置能夠在獨特的佈局中正確識別程式碼。 對寬度、高度和整體比例的具體調整會直接影響最終的輸出比例和視覺呈現。

本指南演示如何使用邊距有效地調整和框定您的QR碼,以確保完美契合任何專業佈局。

新增QR碼的邊距

可以通過在Margins屬性來建立適當的留白區。 此屬性接受一個整數,定義QR碼所有四邊的統一空白邊框。

在此範例中,我們定義了一個邊距為40像素的樣式配置,並在渲染過程中將這些設定應用到QR碼,然後將結果圖像保存為PNG文件。

:path=/static-assets/qr/content-code-examples/how-to/add-margins-qr-code.cs
using IronQr;
using IronSoftware.Drawing;

QrStyleOptions styleOptions = new QrStyleOptions
{
    // Set all margins to 40px
    Margins = 40,

};

string url = "https://ironsoftware.com/csharp/qr/";

// Create QR code
QrCode qr = QrWriter.Write(url);

// Save QR code as a bitmap using the style options
AnyBitmap qrImage = qr.Save(styleOptions);

// Save QR code bitmap as file
qrImage.SaveAs("qr-uniform-margins.png");
Imports IronQr
Imports IronSoftware.Drawing

Dim styleOptions As New QrStyleOptions With {
    .Margins = 40
}

Dim url As String = "https://ironsoftware.com/csharp/qr/"

' Create QR code
Dim qr As QrCode = QrWriter.Write(url)

' Save QR code as a bitmap using the style options
Dim qrImage As AnyBitmap = qr.Save(styleOptions)

' Save QR code bitmap as file
qrImage.SaveAs("qr-uniform-margins.png")
$vbLabelText   $csharpLabel

輸出

留白區QR碼

為特定邊新增邊距

對於不對稱佈局,請在MarginRight屬性。 這可提供對留白區每一邊的獨立精確控制。

在此範例中,為每個邊距自定義了值,並設定了特定的尺寸和背景顏色。

:path=/static-assets/qr/content-code-examples/how-to/add-specific-margins-qr-code.cs
using IronQr;
using IronSoftware.Drawing;

// Configure QR code styling with individual margins and background color
QrStyleOptions combinedOptions = new QrStyleOptions
{
    Dimensions = 400,
    MarginTop = 50,
    MarginBottom = 50,
    MarginLeft = 20,
    MarginRight = 20,
    BackgroundColor = IronSoftware.Drawing.Color.LightYellow,
};

string url = "https://ironsoftware.com/";

// Generate QR code from URL
QrCode qrCombined = QrWriter.Write(url);

// Apply styling options and export as bitmap
AnyBitmap qrCombinedImage = qrCombined.Save(combinedOptions);

// Save QR code to file
qrCombinedImage.SaveAs("qr-custom-margins.png");
Imports IronQr
Imports IronSoftware.Drawing

' Configure QR code styling with individual margins and background color
Dim combinedOptions As New QrStyleOptions With {
    .Dimensions = 400,
    .MarginTop = 50,
    .MarginBottom = 50,
    .MarginLeft = 20,
    .MarginRight = 20,
    .BackgroundColor = IronSoftware.Drawing.Color.LightYellow
}

Dim url As String = "https://ironsoftware.com/"

' Generate QR code from URL
Dim qrCombined As QrCode = QrWriter.Write(url)

' Apply styling options and export as bitmap
Dim qrCombinedImage As AnyBitmap = qrCombined.Save(combinedOptions)

' Save QR code to file
qrCombinedImage.SaveAs("qr-custom-margins.png")
$vbLabelText   $csharpLabel

輸出

如您所見,垂直邊距明顯大於水平邊。

選擇性邊距間距

生成的具有新增邊距的QR碼

留白區QR碼
選擇性邊距間距

常見問題

QR Code中的邊距是什麼?

邊距,也稱為安靜區域,是環繞QR Code的空白區域。它們有助於提高可讀性,並確保掃描裝置能輕鬆識別該程式碼。

邊距如何影響QR Code的掃描?

邊距有助於確保掃描裝置能正確讀取QR Code,因為它們提供了一個緩衝區,防止附近的視覺元素干擾程式碼的可讀性。

如何在C#中為QR Code新增邊距?

您可以使用IronQR程式庫在C#中為QR Code新增邊距。透過在`QrStyleOptions`類中配置`Margins`屬性,您可以為QR Code定義一個統一的空白邊界。

我可以在QR Code的每個邊應用不同的邊距嗎?

可以,使用IronQR,您可以使用`MarginTop`、`MarginBottom`、`MarginLeft`和`MarginRight`之類的屬性在QR Code的每個邊應用不同的邊距,以適應不對稱佈局。

IronQR中`QrStyleOptions`類的作用是什麼?

IronQR中的`QrStyleOptions`類允許您自定義QR Code的外觀,包括設置邊距、尺寸和其他樣式選項,以提供專業的佈局。

如何將新增邊距的QR Code儲存為影像?

使用IronQR配置QR Code與所需邊距後,您可以將其渲染並儲存為影像文件,如PNG,用於外部使用。

為什麼我要使用IronQR來新增QR Code邊距?

IronQR提供了一種簡單而高效的方法來自定義QR Code邊距和其他樣式選項,以確保完美適應任何專業或品牌化佈局。

在IronQR中可以設定QR Code的背景顏色嗎?

可以,IronQR允許您為QR Code設置背景顏色,增強其視覺吸引力,同時保持可讀性。

使用IronQR可以將QR Code儲存為哪些文件型別?

使用IronQR,您可以將QR Code儲存為各種影像文件型別,如PNG,以便在不同的應用程式和平台中靈活使用。

Ahmad Sohail
全端開發人員

Ahmad是一位擁有C#、Python和網頁技術堅實基礎的全端開發人員。他對構建可擴展的軟體解決方案深感興趣,並喜歡探索設計和功能在現實世界應用中的結合。

加入Iron Software團隊之前,Ahmad曾致力於自動化專案和API整合,專注於提升性能和開發者體驗。

在空閒時間,他喜歡試驗UI/UX理念,為開放原始碼工具做出貢獻,偶爾也會潛心編寫技術文件和文章以簡化複雜的主題。

準備好開始了嗎?
Nuget 下載 70,398 | 版本: 2026.7 剛剛發布
Still Scrolling Icon

還在滾動?

想要快速證明嗎? PM > Install-Package IronQR
執行一個範例 觀看您的URL變成QR碼。