Drawing custom elements on a canvas

Whether you need to implement a custom chart, gauge, or even a simple 2D game, you can use .NET MAUI drawing capabilities. The platform includes XAML elements, such as line, ellipse, rectangle, and so on. For instance, here is how you can draw a green ellipse with a red border:

<Ellipse Fill="Green"
         Stroke="Red"
         StrokeThickness="2"
         WidthRequest="100"
         HeightRequest="50"/>

Built-in drawing elements work well for simple scenarios, but they might not be optimal if you need to draw a custom control.

In this recipe, we will use Microsoft.Maui.Graphics, which allows you to implement more flexible and performant logic in C#.

Getting ready

To follow the steps described in this...