OpenCV.js 快速入门指南

1. 简介

• OpenCV.js: OpenCV 的 JavaScript 版本

• 官方指南：OpenCV.js Tutorials

2. 下载

• 可通过如下链接下载到指定版本的预编译 opencv.js 文件

  https://docs.opencv.org/{version}/opencv.js
  

• 比如下载 4.5.5 版本的 opencv.js 文件

  https://docs.opencv.org/4.5.5/opencv.js
  

3. 安装使用

1. HTML script 标签引入

   <!-- OpenCV.js 4.5.5 版本 -->
   <script src='https://docs.opencv.org/4.5.5/opencv.js'></script>
   

2. node.js 使用

   // 加载 OpenCV.js
   function loadOpenCV(path) {
        
       return new Promise(resolve => {
        
           global.Module = {
        
               onRuntimeInitialized: resolve
           };
           global.cv = require(path);
       });
   }
   
   // 加载并创建一个图像
   async function run(path){
        
       await loadOpenCV(path)
       let img = new cv.Mat()
       img.delete()
   }
   
   // 设置文件路径
   const path = './opencv.js'
   
   // 运行
   run(path)
   

4. 数据类型

• 图像数据类型

  • Mat 是 OpenCV 基础的图像数据结构，其数据类型对照表如下：

    Data Properties	C++ Type	JavaScript Typed Array	Mat Type
    data	uchar	Uint8Array	CV_8U
    data8S	char	Int8Array	CV_8S
    data16U	ushort	Uint16Array	CV_16U
    data16S	short	Int16Array	CV_16S
    data32S	int	Int32Array	CV_32S