Draw a line on button Click

See more:

C#

WPF

I want to let user draw a line like we draw in a paint application following is my code


xaml code for MainWindow.xaml

<Window x:Class="LineWPF.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <DockPanel LastChildFill="True">
        <Button Name="buttonToolLine" DockPanel.Dock="Top" Height="41" MouseDown="buttonToolLine_MouseDown" MouseMove="buttonToolLine_MouseMove">Line</Button>
            <Canvas Name="DrawingCanvas"></Canvas>
    </DockPanel>

</Window>

Following is my behind the code MainWindow.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.IO;

namespace LineWPF
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {

        Point StartPoint;
        Point EndPoint;
        Line CurrentLine;
        public MainWindow()
        {
            InitializeComponent();
        }

         void buttonToolLine_MouseDown(object sender, MouseButtonEventArgs e)
        {
            StartPoint = e.GetPosition(DrawingCanvas);
        }

         void buttonToolLine_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.LeftButton == MouseButtonState.Pressed)
            {
                EndPoint = e.GetPosition(DrawingCanvas);
                DrawLine(StartPoint, EndPoint, DrawingCanvas);
            }
        }
         void DrawLine(Point From, Point To, Canvas TargetCanvas)
        {
            
            CurrentLine = new Line();
            CurrentLine.StrokeEndLineCap = PenLineCap.Round;
            CurrentLine.StrokeStartLineCap = PenLineCap.Round;
            CurrentLine.Stroke = Brushes.Red;
            CurrentLine.StrokeThickness = 2.0;
            CurrentLine.X1 = From.X;
            CurrentLine.Y1 = From.Y;
            CurrentLine.X2 = To.X;
            CurrentLine.Y2 = To.Y;
            Canvas.SetLeft(TargetCanvas, From.X);
            Canvas.SetTop(TargetCanvas, From.Y);
            TargetCanvas.Children.Add(CurrentLine);
        }
       
    }
}

What did I missed here, The mousedown event is also not hit when I debug, Still new in coding and specially in WPF and graphics please help