有没有更好的方法来处理图像点击区域？

Question

我有一张图片，您在上面点击了 2 个点，它在每个点之间创建了一条线。最后，该部门要求的是能够计算这些线的长度以及这些线出现的位置。他们目前正在使用 paper/pen/ruler 手动执行此操作。这是我正在处理的图像之一。

中间的那些裂缝被认为是"area 7"。

所以我需要一种方法，除了保存我的 x 和 y 位置以便稍后测量线条外，还将它们出现的位置添加到我的列表中。以下是我知道的唯一方法，但事实证明它更乱。因为图片不是正方形或长方形，所以有很多重叠区域和很多区域会有空隙，这些区域没有被很好地覆盖。

有更好的方法吗？（目前我只是使用一个消息框来显示我点击的位置，在我做对之前我还没有对数据做任何事情。）

    if (e.Button.Equals(MouseButtons.Left))
    {
        Rectangle zone1 = new Rectangle(35, 30, 770, 30);
        if (zone1.Contains(e.Location))
        {
            MessageBox.Show("Zone1");                  
        }
        Rectangle zone2 = new Rectangle(890, 40, 330, 300);
        if (zone2.Contains(e.Location))
        {
            MessageBox.Show("Zone2");
        }
        Rectangle zone3 = new Rectangle(340, 340, 850, 60);
        if (zone3.Contains(e.Location))
        {
            MessageBox.Show("Zone3");
        }
        Rectangle zone4 = new Rectangle(100, 25, 75, 300);
        if (zone4.Contains(e.Location))
        {
            MessageBox.Show("Zone4");
        }
        //4-1 trying to cover areas missed in zone4
        Rectangle zone41 = new Rectangle(255, 270, 120, 240);
        if (zone41.Contains(e.Location))
        {
            MessageBox.Show("Zone4-1");
        }
        Rectangle zone5 = new Rectangle(310, 100, 180, 150);
        if (zone5.Contains(e.Location))
        {
            MessageBox.Show("Zone5");
        }
        //5-1 trying to cover areas missed in zone5
        Rectangle zone51 = new Rectangle(220, 80, 60, 45);
        if (zone51.Contains(e.Location))
        {
            MessageBox.Show("Zone5-1");
        }
        Rectangle zone6 = new Rectangle(635, 35, 250, 210);
        if (zone6.Contains(e.Location))
        {
            MessageBox.Show("Zone6");
        }
    }

Answer 1

我的建议是使用背景图片作为区域地图。此图像根本不会显示给用户。您加载一次并将其保存在内存中，但继续显示原始图像并像往常一样在其上画线。然后，当用户点击您的图像时，您检查区域地图的颜色以确定区域。

例如，假设我使用这两个图像作为我的显示和我的区域地图：

两个图像都加载到您的代码中，但只向用户显示显示地图：

class MyForm
{
    Bitmap zoneDisplay;
    Bitmap zoneMap;

    protected override void OnLoad(EventArgs e)
    {
        base.OnLoad(e);

        zoneDisplay = (Bitmap)Image.FromFile(@"c:\temp\zonedisp.png"); // replace with actual path to file
        zoneMap = (Bitmap)Image.FromFile(@"c:\temp\zonemap.png");

        // put the display image into the picturebox (or whatever control displays it)
        pictureBox.Image = zoneDisplay;
    }

然后，当用户点击您的图片时，只需检查区域地图上的颜色即可：

private void pictureBox_MouseDown(object sender, MouseEventArgs e)
{
    var color = _zoneMap.GetPixel(e.X, e.Y);
    if (color == Color.FromArgb(0, 0, 255))
        MessageBox.Show("Zone 1");
    else if (color == Color.FromArgb(255, 0, 0))
        MessageBox.Show("Zone 2");
    else if (color == Color.FromArgb(0, 255, 0))
        MessageBox.Show("Zone 3");
    // etc...
}

如果您的颜色略有偏差，那么您可能需要进行不太精确的比较。示例：

static int ColorDelta(Color c1, Color c2)
{
    return Math.Abs(c1.R - c2.R) + Math.Abs(c1.G - c2.G) - Math.Abs(c1.B - c2.B);
}

private void pictureBox_MouseDown(object sender, MouseEventArgs e)
{
    var color = _zoneMap.GetPixel(e.X, e.Y);
    if (90 > ColorDelta(color, Color.FromArgb(0, 0, 255)))
        MessageBox.Show("Zone 1");
    else if (90 > ColorDelta(color, Color.FromArgb(255, 0, 0)))
        MessageBox.Show("Zone 2");
    else if (90 > ColorDelta(color, Color.FromArgb(0, 255, 0)))
        MessageBox.Show("Zone 3");
    // etc...
}

有没有更好的方法来处理图像点击区域？

Is there a better way to handle image click regions?

c#

image

picturebox