Отрисовка карты в Windows Forms и сохранение в jpg

@xXValeraXx · Регистрация: 14.05.2015

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

Здравствуйте, нужно сделать приложение для просмотра карт. Т.е. в него загружается файл .grd и считываются данные в виде таблицы значений XYZ(это я сделал, т.е. в программе имеется три массива x,y,z) и из этих точек нужно в окне построить карту двух или трехмерную. И также нужно сохранение карты в виде картинки jpg. Я набросал вид проги, достаточно примитивно, т.к. я раньше не работал с с# и Windows Forms. Загрузку и считывание я сделал. Но как можно нарисовать карту и сохранить в jpg я понятия не имею, т.к. до этого работал только с си и си++. Буду благодарен за любую помощь: куски кода, статьи, видео. Обращаюсь потому что нет времени читать книги пачками - нужно сделать работу в течении пары недель.

Добавлено через 2 минуты
Вид приложения:

Отрисовка карты в Windows Forms и сохранение в jpg

Имеющиеся данные, после считывания:

Пример отрисовки файла .grd в программе surfer:

@Storm23 · 08.06.2017, 19:15

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

и из этих точек нужно в окне построить карту двух или трехмерную.

1) Так двухмерную или трехмерную?
2) Я так понял, этот grd файл это просто файл высот. Но на вашем скриншоте (из surfer) отображена карта в виде изолиний. Получается вам нужно строить изолинии? Или же вы хотите отображать карту именно как карту высот?

@xXValeraXx · 09.06.2017, 00:00 **[ТС]**

1)Это не уточнялось, скорее всего 2-х
2)Да, все верно. Да точно, нужно отобразить как карту высот и указать шкалу высот

@Storm23 · 09.06.2017, 02:39

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

нужно сделать приложение для просмотра карт. Т.е. в него загружается файл .grd и считываются данные в виде таблицы значений XYZ(это я сделал, т.е. в программе имеется три массива x,y,z) и из этих точек нужно в окне построить карту двух или трехмерную.

Класс GRD (инкапсулирует файл grd, содержит карту высот, парсит grd):

Кликните здесь для просмотра всего текста

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
    class GRD
    {
        public short nx;
        public short ny;
        public double xlo;
        public double xhi;
        public double ylo;
        public double yhi;
        public double zlo;
        public double zhi;
        public float[] z;
 
        public static GRD Load(string filePath)
        {
            var res = new GRD();
            using (var fs = File.OpenRead(filePath))
            using (var br = new BinaryReader(fs))
            {
                var id = new string(br.ReadChars(4));
                if (id != "DSBB") throw new Exception("Unexpected file format");
 
                res.nx = br.ReadInt16();
                res.ny = br.ReadInt16();
                res.xlo = br.ReadDouble();
                res.xhi = br.ReadDouble();
                res.ylo = br.ReadDouble();
                res.yhi = br.ReadDouble();
                res.zlo = br.ReadDouble();
                res.zhi = br.ReadDouble();
 
                res.z = new float[res.nx*res.ny];
                for (int i = 0; i < res.z.Length; i++)
                    res.z[i] = br.ReadSingle();
            }
 
            return res;
        }
 
        public float this[int ix, int iy]
        {
            get
            {
                if (ix < 0 || ix >= nx || iy < 0 || iy >= ny) return 0;
                return z[ix + iy*nx];
            }
        }
    }

Класс ImageWrapper для быстрого рисования карты высот на Bitmap:

Кликните здесь для просмотра всего текста

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
127
128
129
130
131
    public class ImageWrapper : IDisposable, IEnumerable<Point>
    {
        /// <summary>
        /// Ширина изображения
        /// </summary>
        public int Width { get; private set; }
        /// <summary>
        /// Высота изображения
        /// </summary>
        public int Height { get; private set; }
        /// <summary>
        /// Цвет по-умолачнию (используется при выходе координат за пределы изображения)
        /// </summary>
        public Color DefaultColor { get; set; }
 
        private byte[] data;//буфер исходного изображения
        private byte[] outData;//выходной буфер
        private int stride;
        private BitmapData bmpData;
        private Bitmap bmp;
 
        /// <summary>
        /// Создание обертки поверх bitmap.
        /// </summary>
        /// <param name="copySourceToOutput">Копирует исходное изображение в выходной буфер</param>
        public ImageWrapper(Bitmap bmp, bool copySourceToOutput = false)
        {
            Width = bmp.Width;
            Height = bmp.Height;
            this.bmp = bmp;
 
            bmpData = bmp.LockBits(new Rectangle(0, 0, bmp.Width, bmp.Height), ImageLockMode.ReadWrite, PixelFormat.Format32bppArgb);
            stride = bmpData.Stride;
 
            data = new byte[stride * Height];
            System.Runtime.InteropServices.Marshal.Copy(bmpData.Scan0, data, 0, data.Length);
 
            outData = copySourceToOutput ? (byte[])data.Clone() : new byte[stride * Height];
        }
 
        /// <summary>
        /// Возвращает пиксел из исходнго изображения.
        /// Либо заносит пиксел в выходной буфер.
        /// </summary>
        public Color this[int x, int y]
        {
            get
            {
                var i = GetIndex(x, y);
                return i < 0 ? DefaultColor : Color.FromArgb(data[i + 3], data[i + 2], data[i + 1], data[i]);
            }
 
            set
            {
                var i = GetIndex(x, y);
                if (i >= 0)
                {
                    outData[i] = value.B;
                    outData[i + 1] = value.G;
                    outData[i + 2] = value.R;
                    outData[i + 3] = value.A;
                };
            }
        }
 
        /// <summary>
        /// Возвращает пиксел из исходнго изображения.
        /// Либо заносит пиксел в выходной буфер.
        /// </summary>
        public Color this[Point p]
        {
            get { return this[p.X, p.Y]; }
            set { this[p.X, p.Y] = value; }
        }
 
        /// <summary>
        /// Заносит в выходной буфер значение цвета, заданные в double.
        /// Допускает выход double за пределы 0-255.
        /// </summary>
        public void SetPixel(Point p, double r, double g, double b)
        {
            if (r < 0) r = 0;
            if (r >= 256) r = 255;
            if (g < 0) g = 0;
            if (g >= 256) g = 255;
            if (b < 0) b = 0;
            if (b >= 256) b = 255;
 
            this[p.X, p.Y] = Color.FromArgb((int)r, (int)g, (int)b);
        }
 
        int GetIndex(int x, int y)
        {
            return (x < 0 || x >= Width || y < 0 || y >= Height) ? -1 : x * 4 + y * stride;
        }
 
        /// <summary>
        /// Заносит в bitmap выходной буфер и снимает лок.
        /// Этот метод обязателен к исполнению (либо явно, лмбо через using)
        /// </summary>
        public void Dispose()
        {
            System.Runtime.InteropServices.Marshal.Copy(outData, 0, bmpData.Scan0, outData.Length);
            bmp.UnlockBits(bmpData);
        }
 
        /// <summary>
        /// Перечисление всех точек изображения
        /// </summary>
        public IEnumerator<Point> GetEnumerator()
        {
            for (int y = 0; y < Height; y++)
                for (int x = 0; x < Width; x++)
                    yield return new Point(x, y);
        }
 
        System.Collections.IEnumerator System.Collections.IEnumerable.GetEnumerator()
        {
            return GetEnumerator();
        }
 
        /// <summary>
        /// Меняет местами входной и выходной буферы
        /// </summary>
        public void SwapBuffers()
        {
            var temp = data;
            data = outData;
            outData = temp;
        }
    }

Построитель изолиний по регулярной сетке:

Кликните здесь для просмотра всего текста

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
    public class IsolineBuilder
    {
        public IEnumerable<Segment> Build(int w, int h, Func<int, int, float> values, float level)
        {
            for (int i = 0; i < w - 1; i++)
            for (int j = 0; j < h - 1; j++)
            {
                foreach (var s in BuildSegment(level, values(i, j), values(i + 1, j), values(i + 1, j + 1), values(i, j + 1)))
                    yield return s.Offset(i, j);
            }
        }
 
        /// <summary>
        ///  v0 - v1
        ///   |   |
        ///  v3 - v2
        /// </summary>
        private IEnumerable<Segment> BuildSegment(float level, float v0, float v1, float v2, float v3)
        {
            var points = new List<PointF>();
 
            var p0 = Interpolate(level, v0, v1);
            if (p0 != null) points.Add(new PointF((float)p0, 0));
 
            var p1 = Interpolate(level, v1, v2);
            if (p1 != null) points.Add(new PointF(1, (float)p1));
 
            var p2 = Interpolate(level, v3, v2);
            if (p2 != null) points.Add(new PointF((float)p2, 1));
 
            var p3 = Interpolate(level, v0, v3);
            if (p3 != null) points.Add(new PointF(0, (float)p3));
 
            if (points.Count > 1)
                yield return new Segment() { From = points[0], To = points[1] };
            if (points.Count > 3)
                yield return new Segment() { From = points[2], To = points[3] };
        }
 
        private float? Interpolate(float level, float v0, float v1)
        {
            var max = Math.Max(v0, v1);
            var min = Math.Min(v0, v1);
            if (level > min && level <= max)
            {
                var v = (level - min) / (max - min);
                return v0 > v1 ? 1 - v : v;
            }
            return null;
        }
    }
 
    public class Segment
    {
        public PointF From;
        public PointF To;
 
        public Segment Offset(float x, float y)
        {
            return new Segment() { From = new PointF(From.X + x, From.Y + y), To = new PointF(To.X + x, To.Y + y) };
        }
    }
 
    public class Isoline
    {
        public float Level { get; set; }
        public List<Segment> Segments { get; private set; }
 
        public Isoline()
        {
            Segments = new List<Segment>();
        }
    }

Форма:

Кликните здесь для просмотра всего текста

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
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
 
            //загружаем файл
            var grd = GRD.Load(Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "relief_1024x1024.grd"));
 
            //формируем картинку с картой высот
            var heightMap = new Bitmap(grd.nx, grd.ny);
            var scaleZ = 255/(grd.zhi - grd.zlo);
 
            using (var wr = new ImageWrapper(heightMap))
            foreach (var p in wr)
            {
                var z = grd[p.X, wr.Height - p.Y - 1]*scaleZ;
                wr.SetPixel(p, z, z, z);
            }
 
            //отображаем 
            pbHeightMap.Image = heightMap;
 
            //строим изолинии
            var isolines = new List<Isoline>();
            var step = (grd.zhi - grd.zlo)/10;
            for (double level = grd.zlo; level <= grd.zhi; level += step)
            {
                var line = new Isoline { Level = (float)level };
                var segments = new IsolineBuilder().Build(grd.nx, grd.ny, (x, y) => grd[x, y], (float)level);
                line.Segments.AddRange(segments);
                isolines.Add(line);
            }
 
            //формируем картинку с изолиниями
            var isoMap = new Bitmap(grd.nx, grd.ny);
 
            using (var gr = Graphics.FromImage(isoMap))
            {
                gr.Clear(Color.White);
                gr.TranslateTransform(0, isoMap.Height);
                gr.ScaleTransform(1, -1);
                gr.SmoothingMode = SmoothingMode.HighQuality;
 
                foreach (var line in isolines)
                {
                    var path = new GraphicsPath();
                    foreach (var seg in line.Segments)
                    {
                        path.StartFigure();
                        path.AddLine(seg.From.X, seg.From.Y, seg.To.X, seg.To.Y);
                    }
 
                    gr.DrawPath(Pens.Black, path);
                }
            }
 
            //отображаем 
            pbIsoMap.Image = isoMap;
        }
    }

Компилировать лучше в Release для большей производительности при построении изолиний.

@xXValeraXx · 09.06.2017, 18:11 **[ТС]**

Огромнейшее спасибо. А как можно в карте высот поменять цвета? Принято ведь использовать шкалу высот, где отрицательные значения отображаются синим, к нулю они переходят в зелёный цвет и дальше в красный(горы). Я понимаю, что цвет задаётся в ImageWrapper -> SetPixel. Но откуда там он берётся и как формируется я разобраться не могу.
И может быть кто-то подскажет хорошую книгу или курсы по С# на будущее? Сейчас я уже не успею изучить язык в полной мере и выполнить задание в срок, но в будущем пригодиться.

@Storm23 · 09.06.2017, 20:38

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

А как можно в карте высот поменять цвета? Принято ведь использовать шкалу высот, где отрицательные значения отображаются синим, к нулю они переходят в зелёный цвет и дальше в красный(горы)

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
            //загружаем файл
            var grd = GRD.Load(Path.Combine(AppDomain.CurrentDomain.BaseDirectory, "relief_1024x1024.grd"));
 
            //формируем массив цветовой шкалы
            var heightColors = new Color[]
            {
                Color.FromArgb(166, 204, 118),
                Color.FromArgb(206, 248, 145),
                Color.FromArgb(223, 254, 173),
                Color.FromArgb(244, 254, 200),
                Color.FromArgb(255, 244, 168),
                Color.FromArgb(253, 219, 118),
                Color.FromArgb(250, 159, 66)
            };
 
            var depthColors = new Color[]
            {
                Color.FromArgb(236, 254, 254),
                Color.FromArgb(208, 255, 251),
                Color.FromArgb(180, 255, 252)
            };
 
            //формируем картинку с картой высот
            var heightMap = new Bitmap(grd.nx, grd.ny);
            var scaleHeight = heightColors.Length / (grd.zhi + .01);
            var scaleDepth = depthColors.Length / (grd.zlo - .01);
 
            using (var wr = new ImageWrapper(heightMap))
            foreach (var p in wr)
            {
                var z = grd[p.X, wr.Height - p.Y - 1];
                if (z > 0)
                    wr[p] = heightColors[(int) (z*scaleHeight)];
                else
                    wr[p] = depthColors[(int) (z*scaleDepth)];
            }
 
            //отображаем 
            pbHeightMap.Image = heightMap;

Новые блоги и статьи Все статьи Все блоги /
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

@xXValeraXx 0 / 0 / 0 Регистрация: 14.05.2015 Сообщений: 15

	Отрисовка карты в Windows Forms и сохранение в jpg 08.06.2017, 17:31. Показов 6008. Ответов 5 Метки нет (Все метки) Здравствуйте, нужно сделать приложение для просмотра карт. Т.е. в него загружается файл .grd и считываются данные в виде таблицы значений XYZ(это я сделал, т.е. в программе имеется три массива x,y,z) и из этих точек нужно в окне построить карту двух или трехмерную. И также нужно сохранение карты в виде картинки jpg. Я набросал вид проги, достаточно примитивно, т.к. я раньше не работал с с# и Windows Forms. Загрузку и считывание я сделал. Но как можно нарисовать карту и сохранить в jpg я понятия не имею, т.к. до этого работал только с си и си++. Буду благодарен за любую помощь: куски кода, статьи, видео. Обращаюсь потому что нет времени читать книги пачками - нужно сделать работу в течении пары недель. Добавлено через 2 минуты Вид приложения: Имеющиеся данные, после считывания: Пример отрисовки файла .grd в программе surfer: 0

@xXValeraXx 0 / 0 / 0 Регистрация: 14.05.2015 Сообщений: 15
	09.06.2017, 00:00 [ТС]
	1)Это не уточнялось, скорее всего 2-х 2)Да, все верно. Да точно, нужно отобразить как карту высот и указать шкалу высот 0

@xXValeraXx 0 / 0 / 0 Регистрация: 14.05.2015 Сообщений: 15
	09.06.2017, 18:11 [ТС]
	Огромнейшее спасибо. А как можно в карте высот поменять цвета? Принято ведь использовать шкалу высот, где отрицательные значения отображаются синим, к нулю они переходят в зелёный цвет и дальше в красный(горы). Я понимаю, что цвет задаётся в ImageWrapper -> SetPixel. Но откуда там он берётся и как формируется я разобраться не могу. И может быть кто-то подскажет хорошую книгу или курсы по С# на будущее? Сейчас я уже не успею изучить язык в полной мере и выполнить задание в срок, но в будущем пригодиться. 0

Отрисовка карты в Windows Forms и сохранение в jpg

Решение