Geometric Shape Drawing Overview
There are two methods for drawing geometric shapes: (1) by directly drawing them using the Shape component; (2) by clipping a component into a geometric shape using the shape clipping attribute clipShape.
When to Use
| Method | Use Case |
|---|---|
| Drawing geometric shapes (Shape) | Create components of a specified shape and draw geometric graphics directly on the page. |
| Shape clipping (clipShape) | Clip a component into a specified geometric shape. |
Constraints
-
For the Shape component: You can use the Shape component as a parent container to achieve SVG-like effects, or use its various child components independently for drawing.
-
For the clipShape attribute: Clipping does not prevent the clipped area from responding to bound gesture events.