如何给二维码添加边距

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");
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

输出

静音区二维码

为特定边添加边距

对于不对称布局,请使用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");
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 代码扫描有何影响?

边框可以提供一个缓冲区,防止附近的视觉元素干扰二维码的可读性,从而确保扫描设备能够正确读取二维码。

如何在 C# 中为二维码添加边距?

您可以使用 IronQR 库在 C# 中为二维码添加边距。通过配置 `QrStyleOptions` 类中的 `Margins` 属性,您可以在二维码周围定义统一的空白边框。

能否在二维码的每一面应用不同的边距?

是的,使用 IronQR,您可以使用 `MarginTop`、`MarginBottom`、`MarginLeft` 和 `MarginRight`等属性,为二维码的两侧应用不同的边距,以实现不对称布局。

IronQR 中的 `QrStyleOptions` 类有何作用?

IronQR 中的 `QrStyleOptions` 类允许您自定义 QR 代码的外观,包括设置边距、尺寸和其他样式选项,以获得专业的布局。

如何将添加了边距的二维码保存为图像?

使用 IronQR 将 QR 代码配置为所需的边距后,您可以将其渲染并保存为 PNG 等图像文件,供外部使用。

为什么要使用 IronQR 添加 QR 码边框?

IronQR 提供了一种简单高效的方法,可在 C# 中自定义二维码边距和其他样式选项,确保完美适合任何专业或品牌布局。

是否可以在 IronQR 中为二维码设置背景颜色?

是的,IronQR 允许您为 QR 代码设置背景颜色,在保持可读性的同时增强视觉吸引力。

使用 IronQR 可以将 QR 代码保存为哪些文件类型?

使用 IronQR,您可以将 QR 代码保存为 PNG 等各种图像文件类型,以便在不同的应用程序和平台中通用。

Ahmad Sohail
全栈开发者

Ahmad 是一名全栈开发人员,拥有扎实的 C#、Python 和 Web 技术基础。他对构建可扩展的软件解决方案深感兴趣,并喜欢探索设计和功能在实际应用中如何结合。

在加入 Iron Software 团队之前,Ahmad 致力于自动化项目和 API 集成,专注于提高性能和开发人员体验。

在业余时间,他喜欢尝试 UI/UX 想法,贡献开源工具,并偶尔从事技术写作和文档工作,以便让复杂主题更易于理解。

准备开始了吗?
Nuget 下载 58,270 | 版本: 2026.2 刚刚发布