Как нарисовать несколько прямоугольников с помощью мыши на изображении?

Question

Я пытаюсь создать приложение WinForm, которое будет загружать файл изображения из openfiledialog и загружать его либо в панель, либо в графический блок. Я хочу иметь возможность рисовать несколько прямоугольников левой кнопкой мыши, чтобы они оставались на изображении. Мне удалось получить один прямоугольник за раз на фактической форме, но не на изображении внутри панели / Picturebox. Кто-нибудь знает ресурс, который поможет мне понять, как этого добиться?

Это код, который позволяет рисовать на форме один прямоугольник с изменяемым размером, но когда я изменяю события мыши с form1_MouseEvent в panel1_MouseEvent это ничего не делает..

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace Temporary_Name_Utility
{
    public partial class Form1 : Form
    {
        Rectangle myRectangle;
        bool draw = false;


        public Form1()
        {
            InitializeComponent();
        }

        private void button1_Click(object sender, EventArgs e)
        {
            try
            {
                OpenFileDialog myFile = new OpenFileDialog();
                myFile.Filter = "Image Files(*.img, *.bmp) |*.img; *.bmp;";
                myFile.InitialDirectory = "c:\\";

                if (myFile.ShowDialog() == DialogResult.OK)
                {
                    pictureBox1.BackgroundImage = Image.FromFile(myFile.FileName);
                }
            }

            catch (Exception error)
            {
                MessageBox.Show("Error loading the selected file.  Original error: " + error.Message);

            }

        }

        private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
        {
            myRectangle = new Rectangle(e.X, e.Y, 0, 0);
            this.Invalidate();
        }


        private void pictureBox1_Paint(object sender, PaintEventArgs e)
        {
            if(draw)
            {
                using(Pen myPen = new Pen(Color.Red, 2))
                {
                    e.Graphics.DrawRectangle(myPen, myRectangle);
                }
            }
        }

        private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
        {
            if(e.Button == MouseButtons.Left)
            {
                myRectangle = new Rectangle(myRectangle.Left, myRectangle.Top, Math.Min(e.X - myRectangle.Left, pictureBox1.ClientRectangle.Width - myRectangle.Left), Math.Min(e.Y - myRectangle.Top, pictureBox1.ClientRectangle.Height - myRectangle.Top));
            }
            this.Invalidate();
        }

        private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
        {

        }

    }
}

Answer 1

Наконец-то появился рабочий код: он позволяет пользователю рисовать столько прямоугольников, сколько нужно, с помощью мыши внутри поля рисунка.

     using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace Rectangle_Utility
{
    public partial class Form1 : Form
    {
        Point startPos;
        Point currentPos;
        bool drawing;
        List<Rectangle> myRectangles = new List<Rectangle>();

        public Form1()
        {
            InitializeComponent();
            this.DoubleBuffered = true;
        }

        #region Menu Tool Strip
        private void selectFileToolStripMenuItem_Click(object sender, EventArgs e)
        {
            try
            {
                //Initiate new OpenFileDialog
                //Filter for img and bmp files
                //Start looking in root of c:
                OpenFileDialog myFile = new OpenFileDialog();
                myFile.Filter = "Image Files(*.img, *.bmp) |*.img; *.bmp;";
                myFile.InitialDirectory = "c:\\";

                //Set background image of pictureBox to file selected through OpenFileDialog
                if (myFile.ShowDialog() == DialogResult.OK)
                {
                    pictureBox1.BackgroundImage = Image.FromFile(myFile.FileName);

                }
            }

            catch (Exception error)
            {
                MessageBox.Show("Error loading the selected file.  Original error: " + error.Message);

            }
        }

        private void exitToolStripMenuItem_Click(object sender, EventArgs e)
        {
            this.Close();
        }

        private void clearAllToolStripMenuItem_Click(object sender, EventArgs e)
        {

        }

        private void zoomToolStripMenuItem_Click(object sender, EventArgs e)
        {

        }

        private void undoLastActionToolStripMenuItem_Click(object sender, EventArgs e)
        {

        }

        private void redoLastActionToolStripMenuItem_Click(object sender, EventArgs e)
        {

        }
        #endregion

        #region Rectangle

        private Rectangle getRectangle()
        {
            return new Rectangle(
                Math.Min(startPos.X, currentPos.X),
                Math.Min(startPos.Y, currentPos.Y),
                Math.Abs(startPos.X - currentPos.X),
                Math.Abs(startPos.Y - currentPos.Y));
        }

        private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
        {
            if (e.Button == MouseButtons.Left)
            {
                currentPos = startPos = e.Location;
                drawing = true;
            }

        }

        private void pictureBox1_MouseMove(object sender, MouseEventArgs e)
        {
            currentPos = e.Location;
            if (drawing) pictureBox1.Invalidate();
        }

        private void pictureBox1_Paint(object sender, PaintEventArgs e)
        {
            if (myRectangles.Count > 0) e.Graphics.DrawRectangles(Pens.Black, myRectangles.ToArray());
            if (drawing) e.Graphics.DrawRectangle(Pens.Red, getRectangle());
        }

        private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
        {
            if (drawing)
            {
                drawing = false;
                var rect = getRectangle();
                if (rect.Width > 0 && rect.Height > 0) myRectangles.Add(rect);
                pictureBox1.Invalidate();
            }
        }

        #endregion

    }
}

Answer 2

Вы должны создать графику из изображения и использовать эту графику, чтобы нарисовать прямоугольник так, чтобы прямоугольник был нарисован на изображении.

Graphics newGraphics = Graphics.FromImage(image);
newGraphics.FillRectangle(new SolidBrush(Color.Black), rectangles);