将图形对象拖动到位图之上

Question

我试图在鼠标移动事件中拖动图片框周围的形状，但很难让它顺利移动。图片框有一个图像作为背景加载，我希望图形对象在单击并拖动鼠标时在图像顶部拖动一个圆圈。

我通过每次鼠标移动时创建原始图像的克隆并重新加载图片框来工作，但似乎它们必须是实现此目的的更好方法。

每次添加的任何图形都保留在图像上，无需重新加载原始位图，从而创建更像绘画应用程序的轨迹。

如何清除以前的绘图而不每次都重新加载整个图像？任何帮助表示赞赏。

private void picCanvas_MouseMove(object sender, MouseEventArgs e)
{
    if (_drag)
    {
        picCanvas.Image = (Bitmap)_original.Clone();
        Graphics g = Graphics.FromImage((Bitmap)picCanvas.Image);
        g.DrawEllipse(_whitePen, e.X, e.Y, 10, 10);
        picCanvas.Invalidate();
    }
}

private void picCanvas_MouseDown(object sender, MouseEventArgs e)
{
    _drag = true;
}

private void picCanvas_MouseUp(object sender, MouseEventArgs e)
{
    _drag = false;
}

Answer 1

检查这个示例，它更简单

//Load Image
Bitmap TestImage = new Bitmap(FileName);
//Create Graphics Object
Graphics g = Graphics.FromImage(TestImage);                   
g.DrawEllipse(new Pen(Color.Red), i, j,0.5F, 0.5F);
//View Your Results
pictureBox1.Image = TestImage;

Answer 2

要以最佳方式解决问题，请使用 picCanvas .Paint 事件。
在 mousemove 事件中设置位置，并使用该位置在 Paint 事件中进行绘制。

    Point pos = Point.Empty;// or your initial position

    private void picCanvas_MouseMove(object sender, MouseEventArgs e)
    {
        if (_drag)
        {
            pos = e.Location;
        }
    }
    private void picCanvas_Paint(object sender, PaintEventArgs e)
    {
        if (_drag)
        {
            Graphics g = e.Graphics;//The event handler sends us the graphics object to use for painting
            g.DrawEllipse(_whitePen, pos.X, pos.Y, 10, 10); 
        }
    }

您应该将 Paint 事件添加到控件并在表单加载或某些初始化函数中设置图像。

picCanvas.Image = (Bitmap)_original.Clone(); 

Answer 3

使用霍尼比斯的上述答案，我最终得到了这个。

加载图像并使图片无效以导致刷新，

picCanvas.Image = image;
picCanvas.Invalidate()

然后在绘制事件中

private void picCanvas_Paint(object sender, PaintEventArgs e)
{
  if (_drag)         
  {
    using (Pen pen = new Pen(Color.White, 2))
    {
      e.Graphics.DrawEllipse(pen, pos.X, pos.Y, 10, 10);
    }
  }
}