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

Question

我有一张图片，您点击了 2 个点，它会在每个点之间创建一条线。最后，该部门要求的是能够计算这些线条的长度以及这些线条出现的位置。他们目前正在使用纸/笔/尺子手工进行此操作。这是我正在使用的图像之一。

中间的那些裂缝被认为是“区域 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...
}