How to draw in C# wpf?

Question

WPF

I'm trying to draw on Canvas'e C# wpf, but when I quickly move the mouse I get this:

Then I tried lines instead of circles and everything is the same


Here is my code:

public void DrawPen(Point startPoint, Point endPoint, Canvas canvas, Color color, bool isClear = false)
{
    SolidColorBrush brushColor = new SolidColorBrush(color);
    Ellipse newEllipse = new Ellipse()
    {
        Stroke = brushColor,
        Width = 5,
        Height = 5
    };

    newEllipse.SetValue(Canvas.LeftProperty, endPoint.X);
    newEllipse.SetValue(Canvas.TopProperty, endPoint.Y);

    canvas.Children.Add(newEllipse);
}

This function is triggered when the left mouse button is pressed and the mouse moves on the canvas

private void CanvasMouseMove(object sender, MouseEventArgs e)
{
    if (e.LeftButton == MouseButtonState.Pressed)
    {
        endPoint = e.GetPosition(Canvas);

        switch (currentShape)
        {
            case Shapes.Pen:
                d.DrawPen(startPoint, endPoint, Canvas, currentColor);
                break;
            case Shapes.Line:
                d.DrawLine(startPoint, endPoint, Canvas, currentColor);
                break;
            case Shapes.Rectangle:
                d.DrawRectangle(startPoint, endPoint, Canvas, currentColor);
                break;
            case Shapes.Ellipse:
                d.DrawEllipse(startPoint, endPoint, Canvas, currentColor);
                break;
        }
    }        
}

How can I draw quickly and normally?

Answer 1

You need to set the old cursor position and draw this line while moving