基于 HSL 或 HSI 值的图像映射答案

【问题标题】：Image map based on HSL or HSI values基于 HSL 或 HSI 值的图像映射
【发布时间】：2014-06-05 15:08:47
【问题描述】：

我正在想办法以数字方式绘制彩色玻璃窗的图像。在每块玻璃之间和周围都有一条铅焊料。我认为解决此问题的最佳方法是根据焊接材料的 HSL 或 HSI 值范围映射图像，这样每块玻璃都将成为自己的区域，并具有自己的信息和点击功能。

我正在尝试使用 C# 使其成为桌面应用程序，但如果这样更容易的话，可能会使用 html/javascript。我一直在寻找一些时间来尝试找出实现此目的的好方法，但我很难弄清楚。

有没有人对我如何做这件事有任何指示？如果这个问题看起来含糊不清，我很抱歉；如果需要进一步澄清，请发表评论，如有必要，我会尽量说得更清楚。

我没有足够的声望来发布图片，但请查看这些以获取想法： http://rootsofknowledge.tc.uvu.edu/Gallery

【问题讨论】：

你有图片或链接吗？
由于某种原因无法上传图片...
如果您想在 HTML 中执行此操作，这可能会对您有所帮助 - 将鼠标移动到 Samus 的头上以找到可点击区域 yourhtmlsource.com/images/imagemaps.html
谢谢马克。这可能会有所帮助，但我真的在寻找一种方法来跟踪现有行，以便同一程序可以用于多个图像，如果最终真的可行的话
您的图片链接似乎不起作用... :-(

【解决方案1】：

我看了一点，但不想做太多，以防我找错树了！

我喜欢使用 ImageMagick，它可以通过 C/C++、Perl、PHP 绑定免费使用，并且可以在大多数 Linux 发行版的命令行中使用。是here。

我从这张图片开始：

并尝试进行一些模糊处理以使其对玻璃中的色调变化不那么敏感，然后使用 Canny Edge 检测器得到以下结果：

我使用的命令是这样的：

convert glass.jpg -blur 0x2 -canny 0x1+5%+10% edges.jpg

显然还有很多工作要做，但这可能是一个开始……也许其他人会在我们有了一个起点之后增加他们的专业知识……

【讨论】：

哇，太好了！我还不打算将此标记为答案，因为我仍然很想听听其他一些想法，但这看起来很有希望！我什至尝试在 Adobe Photoshop 中寻找边缘，但在那里几乎没有成功（尽管这可能部分缺乏专业知识）。谢谢马克！