Передача координат выделенного участка изображения

@Viktor22122 · Регистрация: 19.05.2013

Студворк — интернет-сервис помощи студентам

Добрый день. Есть Главная форма, добавляю изображение для мини просмотра (Кнопка "Добавить изображение"), потом нажимаю кнопку "Загрузить" и открывается новая форма с этим изображением в масштабе 1:1. Теперь самое сложное, уже который день не могу сделать выделение участка изображения (например №1) мышью (надо прямоугольником или линией, но желательно конечно линией) и после выделения участка, надо при нажатии на кнопку "Добавить" передать координаты этого участка для введения данных об этом участке(все введенные данные будут хранится в базе). После добавления и сохранения данных в базу, нажимаю кнопку "Отмена" и теперь при наведение мыши на участок №1 должны отображаться его данные. Программа и изображение для которого я делаю прилагается. Заранее всех благодарю за оказанную помощь и все Ваши подсказки по решению данной проблемы.

Для рисование линии хотел использовать вот этот код, но как я не пытался его прилепить к своей программе ничего не получилось.

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
 
namespace WindowsFormsApplication3
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }
        System.Drawing.Point first;
        System.Drawing.Point second;
        bool flagDown = false;
        Graphics g;
 
        private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
        {
            if (!flagDown)
            {
                first.X = e.X;
                first.Y = e.Y;
                flagDown = true;
            }
        }
 
        private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
        {
            try
            {
                if (flagDown)
                {
                    second.X = e.X;
                    second.Y = e.Y;
                    Graphics g = picturebox1.CreateGraphics();
                    g.DrawLine(new Pen(Color.Black, 2), first, second);
                    textBox1.Text = first.ToString();
                    textBox2.Text = second.ToString();
                    flagDown = false;
                }
            }
            catch (Exception ex)
            { MessageBox.Show(ex.Message); };
        }
    }
}

@Storm23 · 09.02.2015, 17:06

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Windows.Forms;
 
namespace WindowsFormsApplication241
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
 
            new AreaSelector(this);
        }
    }
 
    class AreaSelector:IDisposable
    {
        private Control parent;
 
        public readonly List<Point> Points = new List<Point>();
        private Point mousePoint;
 
        public AreaSelector(Control parent)
        {
            this.parent = parent;
            parent.MouseDown += parent_MouseDown;
            parent.MouseMove += parent_MouseMove;
            parent.Paint += parent_Paint;
        }
 
        void parent_MouseMove(object sender, MouseEventArgs e)
        {
            mousePoint = e.Location;
            parent.Invalidate();
        }
 
        void parent_Paint(object sender, PaintEventArgs e)
        {
            e.Graphics.SmoothingMode = SmoothingMode.HighQuality;
 
            var path = new GraphicsPath();
            if (Points.Count > 0)
            {
                path.AddLines(Points.ToArray());
                path.AddLines(new Point[] {mousePoint});
                path.CloseFigure();
                e.Graphics.DrawPath(Pens.Black, path);
            }
        }
 
        void parent_MouseDown(object sender, MouseEventArgs e)
        {
            if (e.Button != MouseButtons.Left)
                return;
 
            Points.Add(e.Location);
            parent.Invalidate();
        }
 
        public void Dispose()
        {
            parent.MouseDown -= parent_MouseDown;
            parent.MouseMove -= parent_MouseMove;
            parent.Paint -= parent_Paint;
        }
    }
}

@Sanya_sa · 09.02.2015, 17:49

Пока набрал уже ответели) не пропадатьже ...

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 // возможно эти переменные лучше в отдельный класс с данными об выделеном участке
        int Down_X;
        int Down_Y;
        int Up_X;
        int Up_Y;
        Image img_rect;
 
 
 
        // давим
        private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
        {
            Down_X = e.X;
            Down_Y = e.Y;
        }
 
        // отпускаем
        private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
        {
            Up_X = e.X;
            Up_Y = e.Y;
 
            // по идеи должна вернуть Ваш кусок изображения
            img_rect = Draw_rect(Down_X, Down_Y, Up_X, Up_Y);
        }
 
        // рисуем наш кусочек
        private Bitmap Draw_rect(int Down_X, int Down_Y, int Up_X, int Up_Y)
        {
            // длинна ширина
            int W_rect = Up_X - Down_X;
            int H_rect = Up_Y - Down_Y;
 
            // выделеные прямоуголльник
            Rectangle rect = new Rectangle(Down_X, Down_Y, W_rect, H_rect);
            
            // наш битмап для работы
            Bitmap btm_rect = new Bitmap(W_rect, H_rect);
 
            // создадим Gr и отрисуем в btm_rect
            Graphics map = System.Drawing.Graphics.FromImage(btm_rect);
 
            // рисуем
            map.DrawImage(btm_rect, rect, rect, GraphicsUnit.Pixel);
 
            // вернем
            return btm_rect;
 
        }

Добавлено через 25 минут
Позволю продолжить...

после выделения Вам нужно получать
1 - координаты участка
2 - картинку
3 - при наведении на рисунке 1:1 данные о выделеной ранние локации (как я понял)

делаем так

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
// возможно эти переменные лучше в отдельный класс с данными об выделеном участке
        int Down_X;
        int Down_Y;
        int Up_X;
        int Up_Y;
 
        // лист локаций
        List<Location_map> location_list = new List<Location_map>();
 
        // давим
        private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
        {
            Down_X = e.X;
            Down_Y = e.Y;
        }
 
        // отпускаем
        private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
        {
            Up_X = e.X;
            Up_Y = e.Y;
 
            // по идеи должна вернуть Ваш кусок изображения
            location_list.Add(Draw_rect(Down_X, Down_Y, Up_X, Up_Y, "ЛОКАЦИЯ 1"));
        }
 
        // рисуем наш кусочек
        private Location_map Draw_rect(int Down_X, int Down_Y, int Up_X, int Up_Y, string naem_loc)
        {
            // длинна ширина
            int W_rect = Up_X - Down_X;
            int H_rect = Up_Y - Down_Y;
 
            // выделеные прямоуголльник
            Rectangle rect = new Rectangle(Down_X, Down_Y, W_rect, H_rect);
            
            // наш битмап для работы
            Bitmap btm_rect = new Bitmap(W_rect, H_rect);
 
            // создадим Gr и отрисуем в btm_rect
            Graphics map = System.Drawing.Graphics.FromImage(btm_rect);
 
            // рисуем
            map.DrawImage(btm_rect, rect, rect, GraphicsUnit.Pixel);
 
            //
            Location_map location_map_par = new Location_map(Down_X, Down_Y, Up_X, Up_Y, btm_rect, naem_loc);
 
            // вернем ВСЕ что нужно )))
            return location_map_par;
 
        }
    
 
    class Location_map
    {
        int Down_X;
        int Down_Y;
        int Up_X;
        int Up_Y;
        Image img_rect;
        string name_loc; // это так просто для примера
 
        public Location_map(int _Down_X, int _Down_Y, int _Up_X, int _Up_Y, Image _img_rect, string _name_loc)
        {
            Down_X = _Down_X;
            Down_Y = _Down_Y;
            Up_X = _Up_X;
            Up_Y = _Up_Y;
            img_rect = _img_rect;
            name_loc = _name_loc;
        }
 
    }

Добавлено через 1 минуту
Не проверял но думаю заработает. Удачи!

@Viktor22122 · 10.02.2015, 11:54 **[ТС]**

Сообщение от Sanya_sa

Не проверял но думаю заработает. Удачи!

Спасибо, но что-то не работает. Правильно ли я Вас понял

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Diagnostics;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
 
namespace Action_form1
{
    public partial class Form2 : Form
    {
        public Form2()
        {
            InitializeComponent();
 
        }
        // возможно эти переменные лучше в отдельный класс с данными об выделеном участке
        int Down_X;
        int Down_Y;
        int Up_X;
        int Up_Y;
 
        // лист локаций
        List<Location_map> location_list = new List<Location_map>();
 
        // давим
        private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
        {
            Down_X = e.X;
            Down_Y = e.Y;
        }
 
        // отпускаем
        private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
        {
            Up_X = e.X;
            Up_Y = e.Y;
 
            // по идеи должна вернуть Ваш кусок изображения
            location_list.Add(Draw_rect(Down_X, Down_Y, Up_X, Up_Y, "ЛОКАЦИЯ 1"));
        }
 
        // рисуем наш кусочек
        private Location_map Draw_rect(int Down_X, int Down_Y, int Up_X, int Up_Y, string name_loc)
        {
            // длинна ширина
            int W_rect = Up_X - Down_X;
            int H_rect = Up_Y - Down_Y;
 
            // выделеные прямоуголльник
            Rectangle rect = new Rectangle(Down_X, Down_Y, W_rect, H_rect);
 
            // наш битмап для работы
            Bitmap btm_rect = new Bitmap(W_rect, H_rect);
 
            // создадим Gr и отрисуем в btm_rect
            Graphics map = System.Drawing.Graphics.FromImage(btm_rect);
 
            // рисуем
            map.DrawImage(btm_rect, rect, rect, GraphicsUnit.Pixel);
 
            //
            Location_map location_map_par = new Location_map(Down_X, Down_Y, Up_X, Up_Y, btm_rect, name_loc);
 
            // вернем ВСЕ что нужно )))
            return location_map_par;
 
        }
 
        private void button2_Click(object sender, EventArgs e)
        {
            Form3 frm3 = new Form3();
            frm3.Show();
        }
 
        private void button1_Click(object sender, EventArgs e)
        {
 
            Form2.ActiveForm.Close();
        }
    }
}

И создал отдельный класс

C#
1
Location_map

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
using System;
using System.Collections.Generic;
using System.Drawing;
using System.Linq;
using System.Text;
 
namespace Action_form1
{
    class Location_map
    {
        int Down_X;
        int Down_Y;
        int Up_X;
        int Up_Y;
        Image img_rect;
        string name_loc; // это так просто для примера
 
        public Location_map(int _Down_X, int _Down_Y, int _Up_X, int _Up_Y, Image _img_rect, string _name_loc)
        {
            Down_X = _Down_X;
            Down_Y = _Down_Y;
            Up_X = _Up_X;
            Up_Y = _Up_Y;
            img_rect = _img_rect;
            name_loc = _name_loc;
        }
 
    }
}

Так я сделал?

@Sanya_sa · 10.02.2015, 12:05

Че даже не собралось? Ща проверю.

@Sanya_sa · 10.02.2015, 12:40

Как файл добавить на этом форуме ))) не нашел)))

Вот скопировал содержание Form2.cs из вашего проекта. На форму кинул pictureBox_test и отредактировал код. Класс Location_map тамже обьявил. Короче все работает - играйтесь. Удачи.

C#
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Diagnostics;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
 
namespace Action_form1
{
    public partial class Form2 : Form
    {
        public Form2()
        {
            InitializeComponent();
        }
 
        private void pictureBox2_Click(object sender, EventArgs e)
        {
            pictureBox1.SizeMode = PictureBoxSizeMode.AutoSize;
        }
 
        private void button2_Click(object sender, EventArgs e)
        {
            Form3 frm3 = new Form3();
            frm3.Show();
        }
 
        private void button1_Click(object sender, EventArgs e)
        {
 
            Form2.ActiveForm.Close();
        }
 
        // клик
        private void pictureBox1_Click(object sender, EventArgs e)
        {
 
        }
 
        // возможно эти переменные лучше в отдельный класс с данными об выделеном участке
        int Down_X;
        int Down_Y;
        int Up_X;
        int Up_Y;
 
        // лист локаций
        List<Location_map> location_list = new List<Location_map>();
 
        // давим
        private void pictureBox1_MouseDown(object sender, MouseEventArgs e)
        {
            Down_X = e.X;
            Down_Y = e.Y;
        }
 
        // отпускаем
        private void pictureBox1_MouseUp(object sender, MouseEventArgs e)
        {
            Up_X = e.X;
            Up_Y = e.Y;
 
            // по идеи должна вернуть Ваш кусок изображения
            location_list.Add(Draw_rect(Down_X, Down_Y, Up_X, Up_Y, "ЛОКАЦИЯ 1"));
        }
 
        // рисуем наш кусочек
        private Location_map Draw_rect(int Down_X, int Down_Y, int Up_X, int Up_Y, string naem_loc)
        {
            // длинна ширина
            int W_rect = Up_X - Down_X;
            int H_rect = Up_Y - Down_Y;
 
            // выделеные прямоуголльник
            Rectangle rect = new Rectangle(Down_X, Down_Y, W_rect, H_rect);
 
            // выделеные прямоуголльник
            Rectangle rect_bitmap = new Rectangle(0, 0, W_rect, H_rect);
 
            // наш битмап для работы
            Bitmap btm_rect = new Bitmap(W_rect, H_rect);
 
            // создадим Gr и отрисуем в btm_rect
            Graphics map = System.Drawing.Graphics.FromImage(btm_rect);
 
            // рисуем
            map.DrawImage(pictureBox1.Image, rect_bitmap, rect, GraphicsUnit.Pixel);
 
            // тестовое отображение кусочка
            pictureBox_test.Size = btm_rect.Size;
            pictureBox_test.Image = btm_rect;
            pictureBox_test.Refresh();
 
            //
            Location_map location_map_par = new Location_map(Down_X, Down_Y, Up_X, Up_Y, btm_rect, naem_loc);
 
            // вернем ВСЕ что нужно )))
            return location_map_par;
 
        }
    }
 
    class Location_map
    {
        int Down_X;
        int Down_Y;
        int Up_X;
        int Up_Y;
        Image img_rect;
        string name_loc; // это так просто для примера
 
        public Location_map(int _Down_X, int _Down_Y, int _Up_X, int _Up_Y, Image _img_rect, string _name_loc)
        {
            Down_X = _Down_X;
            Down_Y = _Down_Y;
            Up_X = _Up_X;
            Up_Y = _Up_Y;
            img_rect = _img_rect;
            name_loc = _name_loc;
        }
 
    }
}

@Viktor22122 · 10.02.2015, 12:57 **[ТС]**

Sanya_sa, Всё работает, огромное спасибо. А вот такой вопрос, выделил участок, можно ли как-то связать с Mysql, чтобы добавить параметры участка?

@Sanya_sa · 10.02.2015, 13:32

Ну да. Мы же с вами обьявили класс Location_map, который будет хранить настройки и картинку и даже имя участка (если оно нужно). Затем при каждом выделении мы добавляем в location_list новый экземпляр класса Location_map (я предпологал использовать location_list как буфер временного хранения локаций). А из location_list заполняем БазуДанных. Только смотрите мой код демонстрационный так сказать описывает механизм. Там нужно еще кучу проверок и тп сделать.
На счет БД с лёту не отвечу , могусказать что её нужно подключить сначало в проект, а затем только работать. Mysql Сам не подключал использовал Access. Но думаю там не сильно много отличий.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

Передача координат выделенного участка изображения

Решение

Решение

Решение

@Sanya_sa 912 / 816 / 333 Регистрация: 03.02.2015 Сообщений: 5,276 Записей в блоге: 9
	10.02.2015, 12:05
	Че даже не собралось? Ща проверю. 0

@Viktor22122 0 / 0 / 0 Регистрация: 19.05.2013 Сообщений: 38
	10.02.2015, 12:57 [ТС]
	Sanya_sa, Всё работает, огромное спасибо. А вот такой вопрос, выделил участок, можно ли как-то связать с Mysql, чтобы добавить параметры участка? 0

@Sanya_sa 912 / 816 / 333 Регистрация: 03.02.2015 Сообщений: 5,276 Записей в блоге: 9
	10.02.2015, 13:32
	Сообщение было отмечено Viktor22122 как решение Решение Ну да. Мы же с вами обьявили класс Location_map, который будет хранить настройки и картинку и даже имя участка (если оно нужно). Затем при каждом выделении мы добавляем в location_list новый экземпляр класса Location_map (я предпологал использовать location_list как буфер временного хранения локаций). А из location_list заполняем БазуДанных. Только смотрите мой код демонстрационный так сказать описывает механизм. Там нужно еще кучу проверок и тп сделать. На счет БД с лёту не отвечу , могусказать что её нужно подключить сначало в проект, а затем только работать. Mysql Сам не подключал использовал Access. Но думаю там не сильно много отличий. 1