library-based: Lindell's JsBarcode

   ____                _               _         __
  / __ \    __ _ _   _(_)___  ___  ___| | __    / /
 / / _` |  / _` | | | | / __|/ _ \/ _ \ |/ /   / /
| | (_| | | (_| | |_| | \__ \  __/  __/   <   / /
 \ \__,_|  \__, |\__,_|_|___/\___|\___|_|\_\ /_/
  \____/   |___/
 _                             _                 _
| |__   __ _ _ __ ___ ___   __| | ___     __   _(_) _____      _____ _ __
| '_ \ / _` | '__/ __/ _ \ / _` |/ _ \____\ \ / / |/ _ \ \ /\ / / _ \ '__|
| |_) | (_| | | | (_| (_) | (_| |  __/_____\ V /| |  __/\ V  V /  __/ |
|_.__/ \__,_|_|  \___\___/ \__,_|\___|      \_/ |_|\___| \_/\_/ \___|_|

Install

Yarn

yarn add @guiseek/barcode-viewer

npm

npm i @guiseek/barcode-viewer --save

Usage

@NgModule({
  imports: [
    CommonModule,
    ...
    BarcodeViewerModule,
    ...
  ]
})
export class YourModule { }

EAN13 (default)

<svg-barcode-viewer value="1234567890128" format="ean13"></svg-barcode-viewer>

<!-- or -->

<svg-barcode-viewer value="1234567890128"></svg-barcode-viewer>

1234567890128

Codabar

<svg-barcode-viewer value="123456789" format="codabar"></svg-barcode-viewer>

123456789

EAN8

<svg-barcode-viewer value="12345670" format="ean8"></svg-barcode-viewer>

12345670

and etc ean5, ean2, upc, code39, itf14, msi, pharmacode...

This library was generated with Nx.

Running unit tests

Run nx test barcode-viewer to execute the unit tests.