BarcodeDetector

Интерфейс BarcodeDetector API для обнаружения штрихкодов позволяет обнаруживать линейные и двухмерные штрихкоды на изображениях.

BarcodeDetector.BarcodeDetector() Экспериментальная

Создаёт и возвращает объект BarcodeDetector, с необязательными BarcodeDetectorOptions.

getSupportedFormats() Экспериментальная

Возвращает Promise, который выполняется с массивом Array поддерживаемых типов форматов штрихкодов.

detect() Экспериментальная

Возвращает Promise, который выполняется с массивом DetectedBarcode объектов со следующими свойствами:

• boundingBox: A DOMRectReadOnly, который возвращает размеры прямоугольника, представляющего границы обнаруженного штрихкода, выровненного с изображением.
• cornerPoints: Координаты x и y четырёх угловых точек обнаруженного штрихкода относительно изображения, начиная с левого верхнего угла и двигаясь по часовой стрелке. Может не быть квадратным из-за искажений перспективы на изображении.
• format: Обнаруженный формат штрихкода. (Полный список форматов см. в списке поддерживаемых форматов штрихкодов).
• rawValue: Строка, декодированная из данных штрихкода.

В этом примере создаётся новый объект детектора штрихкодов со специфицированными поддерживаемыми форматами и проверяется совместимость с браузером.

// check compatibility
if (!("BarcodeDetector" in globalThis)) {
  console.log("Barcode Detector is not supported by this browser.");
} else {
  console.log("Barcode Detector supported!");

  // create new detector
  const barcodeDetector = new BarcodeDetector({
    formats: ["code_39", "codabar", "ean_13"],
  });
}

В следующем примере вызывается статический метод getSupportFormat() и результаты выводятся в консоль.

// check supported types
BarcodeDetector.getSupportedFormats().then((supportedFormats) => {
  supportedFormats.forEach((format) => console.log(format));
});

В этом примере используется метод detect() для обнаружения штрихкодов на заданном изображении. Они перебираются, и данные штрихкода выводятся в консоль.

barcodeDetector
  .detect(imageEl)
  .then((barcodes) => {
    barcodes.forEach((barcode) => console.log(barcode.rawValue));
  })
  .catch((err) => {
    console.log(err);
  });

• barcodefaq.com: Веб-сайт с информацией о различных штрих-кодах и примерами разных типов.
• Ускоренное определение форм на изображениях