AnglerでQRコード認識jsQR使いたいとき作法メモ


お作法的なすることメモ

npmでインストール

npm install jsqr --save

tsファイル内での利用するためのインポート

import jsQR from 'jsqr';

CanvasからのgetImageData()で取得したimageData渡す

const code = jsQR(imageData.data, imageData.width, imageData.height, {
  inversionAttempts: 'dontInvert',
});
console.log(code);

参考サイト

Angular2+ SPA に JavaScript 実装の QR コード読み取り機能を搭載するにあたり、既存の JavaScript ライブラリを選定した結果発表
https://qiita.com/jsakamoto/items/82e9dbd66ef4fb417933
Angular 6 + jsQR - How to capture QR code on the first success?
https://stackoverflow.com/questions/51706021/angular-6-jsqr-how-to-capture-qr-code-on-the-first-success