[WINFORM] Image map creation and get html code as output

Question

Hi Guys

I want to create Image map program that produces Image map source code

eg..
FOUR textboxes ... FOR URL,MAP NAME,TARGET,ALT

Points:

1. load image in picture box
2.Select region in picture box of the image (Unlimited selectors)
3. I load URL from some text document according the selected region
4.Some button click should Save the source code in notepad

I have used Adobe image ready and dreamweaver !! not worth doing its takin too much of time

Any ideas those who worked in GDI?
I dono how to draw rectangle on image in run time and get the corresponding rect coordinates

Frogleg · Answer

To draw multiple triangles over an image you will have to create a triangle class and a list of triangles The drawing event will then be done in picturebox paint event Can you upload your code so I can help you modify it

narasimman g · Answer

Hi Frog!! Sorry for troubling you again Its really hard to draw multiple traingles on a picturebox over image if i draw second rectangle then first one disappears Advanced thanks

Frogleg · Answer

Version 2

narasimman g · Answer

Thanks for the idea frog i tried in form its working but i want to do in Picture box over the image !!! i do dynamic creation of picture box check my coding below Rectangle rct, rectClear; bool _mouseDown = false; Point pt; private void button1_Click(object sender, EventArgs e) { OpenFileDialog opfd = new OpenFileDialog(); opfd.Multiselect = true; if (opfd.ShowDialog() == DialogResult.OK) { int i=0; tableLayoutPanel2.Controls.Clear(); foreach (string filename in opfd.FileNames) { PictureBox p = new PictureBox(); p.ImageLocation = filename; p.Width = 700; p.Height = 30; p.SizeMode = PictureBoxSizeMode.StretchImage; p.Cursor = Cursors.Cross; tableLayoutPanel2.SetRow(p,i); tableLayoutPanel2.Controls.Add(p); p.MouseDown += new MouseEventHandler(p_MouseDown); p.MouseMove += new MouseEventHandler(p_MouseMove); p.Paint += new PaintEventHandler(p_Paint); p.MouseUp += new MouseEventHandler(p_MouseUp); i++; } } } void p_MouseUp(object sender, MouseEventArgs e) { _mouseDown = false; } void p_Paint(object sender, PaintEventArgs e) { if (rct != null) { e.Graphics.DrawRectangle(Pens.Red, rct); } } void p_MouseMove(object sender, MouseEventArgs e) { if (_mouseDown == true) { Region r = new System.Drawing.Region(rectClear); Invalidate(r); Graphics g = this.CreateGraphics();// draw temp rct rct = Rectangle.FromLTRB(pt.X, pt.Y, e.X, e.Y); rectClear = Rectangle.Inflate(rct, 2, 2); g.DrawRectangle(Pens.Red, rct); } } void p_MouseDown(object sender, MouseEventArgs e) { _mouseDown = true; pt = e.Location; }

Frogleg · Answer

Try this

[WINFORM] Image map creation and get html code as output

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (5)