'How to add layout or frame inside zxing-scanner video in angular

I am using Zxing-js/ngx-scanner for my ionic angular application. Scanning is working well. I am getting results from scanning the barcode in web, ios, android platforms.

Please check this url.. https://github.com/zxing-js/ngx-scanner/wiki/Getting-Started

package.json (I can not upgrade due to older version of Angular)

"@zxing/browser": "^0.1.1", "@zxing/library": "^0.17.1", "@zxing/ngx-scanner": "^3.0.0",

page.html

<zxing-scanner 
       #scanner 
       *ngIf="buttonClicked" 
       (scanSuccess)="onCodeResult($event)"
       [(device)]="currentDevice"[formats]="allowedFormats"
       previewFitMode="cover">
</zxing-scanner>

The issue is that I need a frame for the scanned barcode. How to set that with axing library.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'How to add layout or frame inside zxing-scanner video in angular

Sources

Related Questions