使用 OpenCV.JS 进行颜色检测

Question

我使用 OpenCV 在 Javascript 中进行开发。

我正在尝试检测任何图像中橙色 RGB 颜色在 (255, 80, 0) 和 (255, 170, 0) 之间的变化。

我试图在这里做同样的事情https://docs.opencv.org/3.3.1/db/d64/tutorial_js_colorspaces.html ，但是当我从黑色检测更改为橙色检测时它不起作用。

我尝试了以下代码和许多其他组合，但出乎意料。

那么，如何选择橙色的界限呢？

这是 javascript 代码：

let lower = [230, 155, 0, 0];
let higher = [255, 195, 25, 255];
let src = cv.imread('canvasInput');
let dst = new cv.Mat();
let low = new cv.Mat(src.rows, src.cols, src.type(), lower);
let high = new cv.Mat(src.rows, src.cols, src.type(), higher);
cv.inRange(src, low, high, dst);
cv.imshow('canvasOutput', dst);
src.delete(); dst.delete(); low.delete(); high.delete(); 

这是意想不到的结果

Answer 1

如果橙色在 RGB 空间中约为 [255, 170, 0]，我建议扩大您的范围：

let lower = [230, 155, 80, 0];
let higher = [255, 195, 120, 255];

在您的设置中，您的橙色需要恰好具有 R=255 和 B=0，这在真实图像中是不会发生的。 我不知道第四个参数选择什么（alpha 通道？）所以它都在范围内。

Answer 2

这是OpenCV JS的演示，您可以从喜欢的图像中选择目标颜色范围。

https://alexcpn.github.io/opencvjsdemo.html

更新：此链接已断开

输出如下