Quagga.js条形码识别的调用过程

断断续续花了半个月测试Quagga.js，把测试过程中的一些记录分享到这里来，给有需要的人。

Quagga.js这个库有些过人之处，它可以识别倾斜的条码，但是对图片的要求还是比较苛刻，实际运用中图片很难做到符合

官方示例中那样的图像。整体下来识别过程就有些痛苦。

以下顺着读一读，试一试就可以。

使用console.log(JSON.stringify(boxes)); 这样输出数组方便调试
注意:变量名加下划线表示 约定为 私有变量

file_input.js 调用过程

文件选取框内容改变时触发

decode()

通过config对象传入文件路径等信息

Quagga.decodeSingle()

Quagga.js调用过程

Quagga.decodeSingle()

self.onmessage(){
    这里创建imageWrapper并传递给init()
}

init() 这里配置文件赋值给 _config
{
    initializeData() {
        initBuffers(){
            init(_labelImageWrapper.data, 0)// 传入的_labelImageWrapper.data是后续图像处理的基础
        }

}

initInputStream() 初始化输入流
{
    createImageStream() 选择图像的情况下是先执行这句

    setInputStream() 再执行这个这句
    {
        loadImages()