opencv.js

opencv 图形入门。原图 source， 目标：target

一。读取图片方法。在读取图片完成后请执行：let dst = new cv.Mat()。之后所有的操作数据都会在 dst 里面

1. cv.matFromImageData(imgData)：imgData: canvas 通过 getImageData 获取的数据。
2. cv.imread(imageSource) ：imageSource 可以是图片元素或canvas 元素或他们的id。

二。显示图片。

1. cv.imshow('canvasOutput', dst)：canvasOutput：输出的canvas元素或id。
2. new ImageData(new Uint8ClampedArray(dst.data, dst.cols, dst.rows)：导出图片的imgData 用 canvas putImageData  进行绘制。

三。添加轨迹：OpenCV: Add a Trackbar to Your Application

四. 图像的基本说明：

• 如何访问属性：通过读取图片返回的对象进行读取。
• Mat 构建 cv.Mat()：const det = new cv.Mat()。
• 复制 Mat：const cloneDet = det.clone().
• Mat 类型转换： source.convertTo(target, rtype)。
• MatVector ：const mV = new cv.MatVector() 创建一个平面，通过push_back 方法可以添加Mat。
• 图片部分选择：const rect = new cv.Rct(x, y, width, height) 设置矩形区域。source.roi(rect) 进行裁剪图片部分。
• 图片rgba的加减：cv.add(src1, src2, dst, mask, dtype = -1) / cv.subtract(),
• 图片的数据结构：Point（设置定位点x,y）、Scalar（设置颜色 r, g, b, a），Size、Circle、Rect 和 RotatedRect 是 JavaScript 中的对象类型。

第二章将翻译：图像的处理函数部分

有问题扫描加入QQ群：