如何在带有事件的运行时Image（WPF）中的图像上绘制点

Question

我有以下问题：我Image在WPF中使用组件。我加载我的Image那map对我来说。我要说的是Button，如果单击，将允许我单击map并画点。该点应该是“唯一的”，因此它应该记住坐标/描述（我将其存储在数据库中）。坐标只能从该图像读取，而不能从整个表格读取。OnMouseClick创建积分后，我需要活动。

我应该使用/了解如何做呢？

Answer 1

1. 画布允许您使用左/上坐标来放置对象。
2. 您需要将画布完全放置在图像上，尺寸与图像相同。
3. 为此，您应该使用网格，因为它允许控件彼此堆叠。

4. 您可以e.GetPosition()在MouseLeftButtonDown事件处理程序中使用鼠标单击坐标。由于画布掩盖了图像，因此您将根据图像获得协调。

   <Grid>
       <Image x:Name="MapImg"  Source="img/map.gif" Stretch="Fill" MouseLeftButtonDown="Image_MouseLeftButtonDown_1"/>
       <Canvas x:Name="Cnv"/>
   </Grid>
   
    private void Image_MouseLeftButtonDown_1(object sender, MouseButtonEventArgs e)
       {  
           Ellipse ellipse = new Ellipse();
           ellipse.Fill = Brushes.Sienna;
           ellipse.Width = 100;
           ellipse.Height = 100 ;
           ellipse.StrokeThickness = 2;
   
           Cnv.Children.Add(ellipse);
   
           Canvas.SetLeft(ellipse, e.GetPosition(MapImg).X);
           Canvas.SetTop(ellipse, e.GetPosition(MapImg).Y);            
       }