BarcodeDetector

BarcodeDetector.BarcodeDetector() Experimentell

Erstellt und gibt ein BarcodeDetector-Objekt zurück, mit optionalen BarcodeDetectorOptions.

getSupportedFormats() Experimentell

Gibt ein Promise zurück, das mit einem Array der unterstützten Barcode-Formattypen erfüllt wird.

detect() Experimentell

Gibt ein Promise zurück, das mit einem Array von DetectedBarcode-Objekten mit den folgenden Eigenschaften erfüllt wird:

• boundingBox: Ein DOMRectReadOnly, das die Abmessungen eines Rechtecks zurückgibt, das das Ausmaß eines erkannten Barcodes darstellt, ausgerichtet mit dem Bild.
• cornerPoints: Die x- und y-Koordinaten der vier Eckpunkte des erkannten Barcodes relativ zum Bild, beginnend mit der oberen linken Ecke und im Uhrzeigersinn. Aufgrund perspektivischer Verzerrungen im Bild kann es sich hierbei nicht um ein Quadrat handeln.
• format: Das erkannte Barcode-Format. (Für eine vollständige Liste der Formate konsultieren Sie die unterstützten Barcode-Formate).
• rawValue: Ein aus den Barcode-Daten dekodierter String.

Dieses Beispiel erstellt ein neues Barcode-Detektor-Objekt mit den angegebenen unterstützten Formaten und testet die Browser-Kompatibilität.

// 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"],
  });
}

Das folgende Beispiel ruft die statische Methode getSupportFormat() auf und gibt die Ergebnisse in der Konsole aus.

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

Dieses Beispiel verwendet die Methode detect(), um die Barcodes innerhalb des gegebenen Bildes zu erkennen. Diese werden durchlaufen und die Barcode-Daten in der Konsole ausgegeben.

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

• barcodefaq.com: Eine Website mit Informationen über verschiedene Barcodes und Beispiele der unterschiedlichen Typen.
• Accelerated Shape Detection in Images