javascript - 使用 OpenCV.JS 进行颜色检测

Question

我使用 OpenCV 进行 Javascript 开发。

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

我试图做和这里一样的事情 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(); 

这是 unexpected result

Answer 1

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

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

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