Рисование точек на экране ASP.NET imagebutton с функцией JavaScript onclick
У меня есть ASP.NET веб-сайт, который открывает изображение в веб-элементе управления ImageButton. Пользователю разрешается рисовать точки На отображаемом изображении щелчками мыши. В аналогичной Автономной программе на C# я выяснил, как рисовать точки (я вставил соответствующий код ниже). Как бы я сделал то же самое с функцией JavaScript onnclick?
Код C# :
List<Rectangle> rects = new List<Rectangle>(); private void pictureBox1_Click(object sender, MouseEventArgs e) { rects.Add(new Rectangle(e.Location, new Size(4,4))); } private void pictureBox1_Paint(object sender, PaintEventArgs e) { foreach (var rect in rects) { e.Graphics.SmoothingMode = SmoothingMode.AntiAlias; e.Graphics.DrawEllipse(magenta,rect); } } private void Clear_Dem_Dots(object sender, EventArgs e) { rects.Clear(); }
Что я уже пробовал:
Я смотрел на графику javascript и рисование на холсте, но я хочу избежать холста, если это возможно.