1

我正在尝试使用tracking.js进行颜色检测。我正在本地测试代码,并且可以在使用tracking.js现场演示中提供的示例图像时复制示例结果。

我还可以添加新颜色并让跟踪器识别该样本中的第四个灯泡:

tracking.ColorTracker.registerColor('#8CF0BE', function(r, g, b) {
  if (r < 150 && g > 225 && b < 200) {
    return true;
  }
  return false;
});

但是,当我将本地测试页面上的默认图片替换为下面的图片时(来自不相关但非常出色的 SO 帖子,则根本没有任何内容被突出显示/加框。

在火车站的铁路开关 图片由 Mecanismo 提供,来自 Wikimedia Commons。在CC BY-SA 3.0许可下使用。

我特别想用这个颜色定义让开关亮起来:

tracking.ColorTracker.registerColor('orangered', function(r, g, b) {
  if (r > g && r > b) {
    return true;
  }
  return false;
});

我使用数字色度计来确定像素中的所有开关的红色值在 150-200 范围内,绿色值在 30-100 范围内,蓝色值在 10-100 范围内(而且大部分不是高端那些规模)。

对于它的价值,我知道自定义颜色定义本身并没有完全破坏,因为它确实对初始示例图像有影响:

带有突出显示的示例图像

我在这里做错了什么或不理解?

4

0 回答 0