如何為二維碼新增邊距

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

在品牌廣告中,正確縮放二維碼是平衡視覺衝擊力和技術可讀性的關鍵步驟。 為了實現這一點,使用邊距(通常稱為"靜區")可以提高二維碼的可讀性,並確保掃描設備在獨特的佈局中正確識別二維碼。 寬度、高度和整體比例的具體調整會直接影響最終的輸出比例和視覺呈現。

本指南示範如何使用邊距有效地調整 IronQR 中 QR 碼的大小和邊框,確保其完美適合任何專業佈局。

為二維碼添加邊距

可以透過配置QrStyleOptions類中的Margins屬性來建立合適的靜默區。 此屬性接受一個整數,用於定義二維碼四邊的統一空白邊框。

在這個例子中,我們定義了一個邊距為 40 像素的樣式配置,在渲染過程中將這些設定套用到二維碼,然後將產生的圖像儲存為 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");
$vbLabelText   $csharpLabel

輸出

靜音區二維碼

為特定邊新增邊距

對於不對稱佈局,請使用QrStyleOptions中的MarginTopMarginBottomMarginLeftMarginRight屬性。 這樣就可以獨立地對靜音區的每一邊進行精確控制。

在這個例子中,每個邊距都定義了自訂值,以及特定的尺寸和背景顏色。

: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");
$vbLabelText   $csharpLabel

輸出

如圖所示,垂直邊距明顯大於水平邊距。

選擇性邊距間距

產生額外邊距的二維碼

靜音區二維碼
選擇性邊距間距

常見問題解答

二維碼中的邊距是什麼?

邊距,也稱為空白區,是指二維碼周圍的空白區域。它們有助於提高二維碼的可讀性,並確保掃描設備能夠輕鬆識別二維碼。

利潤率如何影響二維碼掃描?

邊距有助於確保掃描設備能夠正確讀取二維碼,它提供了一個緩衝區,防止附近的視覺元素幹擾二維碼的可讀性。

如何在C#中為二維碼新增邊距?

您可以使用 IronQR 庫在 C# 中為二維碼新增邊距。透過設定 `QrStyleOptions` 類別中的 `Margins` 屬性,您可以為二維碼定義一個統一的空白邊框。

我可以為二維碼的每一邊設定不同的邊距嗎?

是的,使用 IronQR,您可以利用 `MarginTop`、`MarginBottom`、`MarginLeft` 和 `MarginRight` 等屬性,為二維碼的每一邊應用不同的邊距,以實現不對稱佈局。

IronQR 中的 `QrStyleOptions` 類別有什麼用途?

IronQR 中的 `QrStyleOptions` 類別可讓您自訂二維碼的外觀,包括設定邊距、尺寸和其他樣式選項,以實現專業的佈局。

如何將帶有邊距的二維碼儲存為圖片?

使用 IronQR 配置具有所需邊距的二維碼後,您可以將其渲染並儲存為映像檔(例如 PNG),以供外部使用。

為什麼我應該使用 IronQR 來新增二維碼邊距?

IronQR 提供了一種簡單且高效的方法,可在 C# 中自訂二維碼邊距和其他樣式選項,確保完美契合任何專業或品牌佈局。

IronQR 中是否可以設定二維碼的背景顏色?

是的,IronQR 允許您為二維碼設定背景顏色,在保持可讀性的同時增強視覺吸引力。

使用 IronQR 可以將二維碼儲存為哪些檔案類型?

使用 IronQR,您可以將二維碼儲存為各種影像檔案類型,例如 PNG,以便在不同的應用程式和平台上靈活使用。

艾哈邁德·索海爾
全端開發工程師

Ahmad 是一位全端開發人員,精通 C#、Python 和 Web 技術。他對建立可擴展的軟體解決方案有著濃厚的興趣,並樂於探索如何在實際應用中實現設計與功能的完美結合。

在加入 Iron Software 團隊之前,Ahmad 曾從事自動化專案和 API 整合工作,專注於提高效能和開發者體驗。

在空閒時間,他喜歡嘗試 UI/UX 設計理念,為開源工具做出貢獻,偶爾還會涉足技術寫作和文件編寫,使複雜的主題更容易理解。

準備好開始了嗎?
Nuget 下載 55,860 | 版本: 2025.12 剛剛發布