BlazorBarcodes 1.0.5

BlazorBarcodes

Provides blazor component for rendering 1D & 2D codes.

This is a really simple wrapper around huysentruitw´s Barcoder and as such supports the same barcode types, which at this time are:

• 2 of 5
• Aztec Code
• Codabar
• Code 39
• Code 93
• Code 128
• Code 128 GS1
• Data Matrix (ECC 200)
• Data Matrix GS1
• EAN 8
• EAN 13
• KIX (used by PostNL)
• PDF 417
• QR Code
• RM4SC (Royal Mail 4 State Code)
• UPC A
• UPC E

Targets

.Net 5

Install

PM> Install-Package BlazorBarcodes

Demo

WASM

Usage

Add the following using statements.

@using BlazorBarcodes
@using BlazorBarcodes.Barcodes
@using BlazorBarcodes.Encoders

Pass a string content and either a BarcodeType(enum), Encoder or encoding function to the component.

<BarcodeComponent Style="width:200px;height:200px"
 BarcodeType="@BarcodeTypes.DataMatrix"
 Content="Hello World!">
</BarcodeComponent>

The codes are rendered as SVG by default.

If you´d like to quickly play around with the different barcodes, you create an easy selection like this.

<div style="display:flex; flex-direction:column">

 <input type="text" @bind="Content">

 <select @bind="Type">
 @foreach (var barcode in BarcoderWrapper.Barcodes.Barcode.All)
 {
 <option value="@barcode.Type" disabled="@(!barcode.Encoder.CanEncode(Content, out string error))">
 @(string.Format("{0}{1}", barcode.Name, error is not null ? $": {error}" : ""))
 </option>
 }
 </select>

 <BarcodeComponent Style="width:200px;height:200px"
 BarcodeType="@Type"
 Content="@Content">
 </BarcodeComponent>
</div>

@code {
 public BarcodeTypes Type { get; set; }

 public string Content { get; set; } = "";
}

Options

Passed to the Barcoder renderer

bool IncludeEANContentAsText

If you wish to display some sort of error message, in case of a rendering issue, pass an error template to the BarcodeComponent

<BarcodeComponent Style="width:200px;height:200px"
 BarcodeType="@Type"
 Content="@Content"
 IncludeEANContentAsText="true">
 <ErrorTemplate>
 @context
 </ErrorTemplate>
</BarcodeComponent>

Encoders

The encoding functions in Barcoder have been wrapped in classes implementing my own IEncoder interface, since I wanted to be able to pass encoders around and also saw it as an opportunity to play around with C# source code generators.

You can still use pass the pre-existing encode methods to the component though.