WebAssembly探索篇（三）emcc和cmake编译opencv案例

最新推荐文章于 2024-03-14 21:30:00 发布

荔枝hu

最新推荐文章于 2024-03-14 21:30:00 发布

阅读量2.1k

点赞数 11

CC 4.0 BY-SA版权

分类专栏： wasm 前端文章标签： wasm opencv webassembly ecmascript c语言

本文链接：https://blog.csdn.net/huhui806/article/details/136710279

文章目录

开发环境
- 安装opencv环境
实践出真知
- 完整项目
- 效果图
踩坑

最近因为项目原因，研究了一下WebAssembly。2015年上线与JS、HTML、CSS并称web界四语言，额，虽然已经上线快10年，但是研究的人好少，注定这个探索之路是崎岖的。（事实也是这样，已经耗进去快2周了，人都麻了-_-||）
这是一个曲折的探索之路，emcc编译opencv的代码真的问题好多。。。

开发环境

为啥要把开发环境放在第一位呢，这里面也是采了无数的坑。

开发工具	版本
Ubuntu	18.04
emscripten	3.1.55
cmake	3.28.3
opencv	3.2.0

安装opencv环境

安装

sudo apt-get update
sudo apt-get install libopencv-dev

dpkg -L libopencv-dev

配置环境变量

export LD_LIBRARY_PATH=/usr/lib/x86_64-linux-gnu
export PKG_CONFIG_PATH=/usr/lib/x86_64-linux-gnu/pkgconfig:$PKG_CONFIG_PATH
source ~/.bashrc

实践出真知

完整项目

项目结构如下：

┌─demo              项目名称 
│─build             编译文件(emcmake和emmake后的产物)
│  └─CMakeFile       
│  │  └─...      
│  └─cmake_install.cmake
│  └─CMakeCache.txt
│  └─Makefile
│