The Canvas API in Jetpack Compose allows for custom drawing within your app. It provides a powerful and flexible way to create complex graphics, animations, and visual effects.
| Overview | Shapes | Text and Image |
|---|---|---|
 |
 |
 |
Learn how to draw basic shapes such as circles, rectangles, and lines. The Canvas API provides a variety of functions to create and customize these shapes.
Explore how to render text and images on the Canvas. This includes positioning, styling, and scaling to fit your design needs.
| Path | Path Operations | DrawScope Helpers |
|---|---|---|
 |
 |
 |
Paths allow you to create complex shapes by defining a series of points and lines. Learn how to create and manipulate paths to draw intricate designs.
Explore various Canvas path operations. This section covers all operations related to paths with different shapes, demonstrating how to combine, intersect, and subtract paths to create complex graphical effects.
Discover examples of various Canvas draw scope operations. This section includes examples related to insets, translate, rotate, scale, clip path, and clip rect, demonstrating how to enhance your drawing capabilities.
| Canvas + Touch | Blend Modes | Basic Example |
|---|---|---|
 |
 |
 |
Implement touch interactions with the Canvas to create a free draw board. Users can draw anything with different stroke properties, making the drawings dynamic and interactive.
Discover how to use blend modes on the Canvas with shapes and images. This section provides examples of combining colors and shapes in different ways to create various visual effects.
| Android 11 Easter Egg |
|---|
 |
Draw ester egg animation.