diff options
| author | Sébastien d'Herbais de Thun <sebastien.d.herbais@gmail.com> | 2023-10-06 16:47:20 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-10-06 16:47:20 +0200 |
| commit | e7443abfe681a27ee47993d192f8a82953d43b73 (patch) | |
| tree | 03446e4bfe9ab9aae96f151c7c228d3e26bdc89d /tests/typ/visualize/gradient-radial.typ | |
| parent | bced71b250225e30efa2fd0341bf825bf685a376 (diff) | |
Gradient Part 3 - Radial gradients (#2312)
Diffstat (limited to 'tests/typ/visualize/gradient-radial.typ')
| -rw-r--r-- | tests/typ/visualize/gradient-radial.typ | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/tests/typ/visualize/gradient-radial.typ b/tests/typ/visualize/gradient-radial.typ new file mode 100644 index 00000000..5d83e71f --- /dev/null +++ b/tests/typ/visualize/gradient-radial.typ @@ -0,0 +1,49 @@ +// Test the different radial gradient features. +--- + +#square( + size: 100pt, + fill: gradient.radial(..color.map.rainbow, space: color.hsl), +) +--- + +#grid( + columns: 2, + square( + size: 50pt, + fill: gradient.radial(..color.map.rainbow, space: color.hsl, center: (0%, 0%)), + ), + square( + size: 50pt, + fill: gradient.radial(..color.map.rainbow, space: color.hsl, center: (0%, 100%)), + ), + square( + size: 50pt, + fill: gradient.radial(..color.map.rainbow, space: color.hsl, center: (100%, 0%)), + ), + square( + size: 50pt, + fill: gradient.radial(..color.map.rainbow, space: color.hsl, center: (100%, 100%)), + ), +) + +--- + +#square( + size: 50pt, + fill: gradient.radial(..color.map.rainbow, space: color.hsl, radius: 10%), +) +#square( + size: 50pt, + fill: gradient.radial(..color.map.rainbow, space: color.hsl, radius: 72%), +) + +--- +#circle( + radius: 25pt, + fill: gradient.radial(white, rgb("#8fbc8f"), focal-center: (35%, 35%), focal-radius: 5%), +) +#circle( + radius: 25pt, + fill: gradient.radial(white, rgb("#8fbc8f"), focal-center: (75%, 35%), focal-radius: 5%), +)
\ No newline at end of file |