opencv 4.8.1 wsam 构建&问题说明-526互联

opencv-wasm使用的opencv 版本是4.3 的，为了使用最新版本的，所以自己基于opencv-wasm 提供的脚本构建了一个，同时记录下一些
问题以及解决方法

构建脚本修改

原始使用的是4.3.0 版本的，直接修改分支就可以了

 
git clone --branch 4.8.1 --depth 1 https://github.com/opencv/opencv.git
 
# Build

(

    cd opencv &&

    git checkout 4.8.1 &&
 
    # Add non async flag before compiling in the python build_js.py script

    docker run --rm --workdir /code -v "$PWD":/code "trzeci/emscripten:sdk-tag-1.39.4-64bit" python ./platforms/js/build_js.py build_wasm --build_wasm --build_test --build_flags "-s WASM=1 -s WASM_ASYNC_COMPILATION=0 -s SINGLE_FILE=0 "

)
 
# Copy compilation result

cp -a ./opencv/build_wasm/ ./build_wasm
 
# Transpile opencv.js files

node opencvJsMod.js
 
# Beautify JS

(

    cd ./build_wasm/bin &&

    npx js-beautify opencv.js -r &&

    npx js-beautify opencv-deno.js -r

)
 
# Copy bins to root

(

   # 新版本此处有bug，应该使用opencv_js.wasm 文件，否则，对于ts 类型生成以及运行都是有问题的

    cp ./build_wasm/bin/opencv_js.wasm ../opencv.wasm &&

    cp ./build_wasm/bin/opencv-bin.js ../opencv-bin.js &&

    cp ./build_wasm/bin/opencv.js ../opencv.js &&

    cp ./build_wasm/bin/opencv-deno.js ../opencv-deno.js &&

    cp -r ./build_wasm/ ../build_wasm_test

)