Grid
Simple grid lines pattern with adjustable thickness and rotation
Simple grid lines pattern with adjustable thickness and rotation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| color | color | #ffffff | The color of the grid lines |
| cells | range | 10 | Number of cells along the shortest canvas edge (creates square cells) |
| thickness | range | 1 | Thickness of grid lines (normalized, 0.0-1.0) |
| rotation | range | 0 | Rotation of the grid in degrees. At 45° this produces a crosshatch/diamond pattern. |
Usage
vue
<Shader>
<Grid
color="#ffffff"
/>
</Shader>