Manual - UPC-A

Introduction

UPC-A code allows you to encode values to sell products. This code contains 12 numbers, but since the last character is a checksum, you must enter only 11 characters. UPC-A code is encoded similarly to EAN-13 code. A 0 is automatically added during the encoding but it won't be displayed.

UPC-A code is an older way to encode products to sell.

This class inherits the BakeryEan13 class.

Example

Methods

BakeryUpca's Methods

• No specific methods for this class.

BakeryEan13's Methods

• No specific methods for this class.

BakeryBarcode1D's Methods

• thickness={thickness} — Specifies the thickness of the barcode
• label={label} — Sets the label
• font={font} — Sets the text font for the label
• displayChecksum={display} — Specifies the checksum to be added to the label

BakeryBarcode's Methods

• text={text} — Analyzes a text message to draw afterwards
• scale={scale} — Sets the scale of the barcode
• foregroundColor={color} — Sets the color of the bars
• backgroundColor={color} — Sets the color of the spaces
• offsetX={value} — Sets the X offset
• offsetY={value} — Sets the Y offset

Code Example

import { BakeryColor, BakeryFont } from '@barcode-bakery/barcode-react';

import { BakeryUpca } from '@barcode-bakery/barcode-react/1d';



export default function Home() {

      const font = new BakeryFont('Arial', 18);

      const colorBlack = new BakeryColor(0, 0, 0);

      const colorWhite = new BakeryColor(255, 255, 255);



      return <BakeryUpca

        scale={2}

        thickness={30}

        foregroundColor={colorBlack}

        backgroundColor={colorWhite}

        font={font}

        text='78951545548'

      >;

}

Method explanations

• thickness={thickness} — Specifies the thickness of the barcode
  Description

  The thickness of the barcode in pixels. This is the vertical size.
• label={label} — Sets the label
  Description

  The text label will be written below or above the barcode depending on the barcode. You can write the special value BakeryBarcode1D.Label if you would like your text to be chosen automatically. It will be the value passed to the text={} method.
• font={font} — Sets the text font for the label
  Description

  The value of the argument must be an instance of the BakeryFontFile class.
• displayChecksum={display} — Specifies the checksum to be added to the label
  Description

  Setting true will append the checksum to the default label.
  The default value is true.

• text={text} — Analyzes a text message to draw afterwards
  Description

  The data you pass to the text argument must be supported by the type of barcode you use.
  Check each barcode's introduction section to obtain more information on how to use this method within each symbology.
• scale={scale} — Sets the scale of the barcode
  Description

  The barcode will be x times bigger. Then a pixel will be x by x for its size.
• foregroundColor={color} — Sets the color of the bars
  Description

  Sets the color of the bars of the barcode. By default, the color is black. This argument can be a BakeryColor class or any other argument that BakeryColor can accept in its constructor.
• backgroundColor={color} — Sets the color of the spaces
  Description

  Sets the color of the spaces of the barcode. By default, the color is white. This argument can be a BakeryColor class or any other argument that BakeryColor can accept in its constructor.
• offsetX={value} — Sets the X offset
  Description

  Specifies the X offset of the barcode in pixels multiplied by the scale.
• offsetY={value} — Sets the Y offset
  Description

  Specifies the Y offset of the barcode in pixels multiplied by the scale.