C＃：在WPF中在图像上方绘制线条

Question

I am filling Grid with image that I Draw Programatically.

Now, I want to draw lines(Horizontal and vertial) on top of the Image. After adding Image to the grid as children, I want to draw lines. How can I do this ?

var image = new System.Windows.Controls.Image
        {
            Source = DrawImage(products),
            Width = options.OutputWidth,
            Height = options.OutputHeight
        };

        var grid = new Grid();
        grid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Auto });
        grid.ColumnDefinitions.Add(new ColumnDefinition { Width = GridLength.Auto });
        grid.Children.Add(image);

Answer 1

The image class extends FrameworkElement,so you can extend the image class and add ur drawing logic on OnRender(DrawingContext dc) method.

public class CustomeImage:Image{
protected ovveride OnRender(DrawingContext dc){
 dc.DrawLine(//line location and pen here)
}
}