Нарисуйте круг и точки X внутри изображения по списку координат x,y.Asp C#

Question

У меня есть asp: изображение

    <asp:Image ID="ImageMap1" runat="server" ImageUrl="~/images/court.jpg"></asp:Image>

Также у меня есть 4 списка с координатами int X,Y

      int[] GreenCircleX = new int[4] { 10, 20, 22, 25};
      int[] GreenCircleY = new int[4] { 10, 20, 22, 25};
      int[] RedxX = new int[4] { 15, 6, 50, 32};
      int[] RedxY = new int[4] { 15, 8, 50, 23};

Я хочу нарисовать (если это возможно) зеленые кружочки из координат GreenCircleX,Y внутри изображения: court.jpg . Также красные точки X из координат RedxX,Y на одном и том же изображении. Не нужно ничего нажимать.

изображение court.jpg:и возможный результат

Какие-либо предложения?

Answer 1

Наконец-то я это сделал. Как сказал DrCopyPaste, вы должны загрузить изображение, нарисовать и сохранить его. Нарисуйте зеленый круг и красный крестик со следующим кодом.

       Bitmap bitMapIm = new
    System.Drawing.Bitmap(Server.MapPath(@"images\court.jpg"));
    Graphics graphicIm = Graphics.FromImage(bitMapIm);

    Pen penGreen = new Pen(Color.Green, 3);
    Pen penRed = new Pen(Color.Red, 3);
    for (int i = 0; i < GreenCircleX.Count; i++)
    {        
    graphicIm.DrawEllipse(penGreen, GreenCircleX[i] ,GreenCircleY[i], 7, 7);

    graphicIm.DrawString("X", new Font("Arial", 10, FontStyle.Bold), Brushes.Red, RedxX[i] ,RedxY[i]);
    }
    bitMapIm.Save(Server.MapPath(@"images\courtout.jpg"), ImageFormat.Jpeg);
    graphicIm.Dispose();
    bitMapIm.Dispose();

поэтому я должен использовать courtout.jpg в качестве URL

         <asp:Image ID="ImageMap1" runat="server" ImageUrl="~/images/courtout.jpg"></asp:Image>