Some links on this website are affiliate links. Find out more.

Documentation:
Text-On-A-Path

Path Pattern & Caps

The examples here show the affect of the Dash Pattern and Path Caps settings.

Dash Pattern

Dash patterns are specified with the Dash Pattern setting. You can enter as many consecutive values for the pattern as you like, and values can be separated by a space or comma.

Example: A dash pattern of ‘10 5‘ will create a path with the pattern 10px dash | 5px gap. A value of ‘10 5 10 20‘ will create a path with the pattern 10px dash | 5px gap | 10px dash | 20 gap.

Path Caps

Path caps are set with the Path Caps setting, there are three options:

  1. Butt
  2. Round
  3. Square

When set to Butt the path caps will have a square appearance which exactly matches the path start and end positions. When set to Round the path caps will have a rounded appearance which extends beyond the path start and end positions. When set to Square the path caps will have a square appearance which extends beyond the path start and end positions.

Caps: Butt
Caps: Round
Caps: Square
Pattern: 10 20 | Caps: Butt
Pattern: 10 20 | Caps: Round
Pattern: 10 20 | Caps: Square
Pattern: 0 10 | Caps: Round
Pattern: 0 10 | Caps: Square
Pattern: 20 5 5 5 | Caps: Butt
Pattern: 20 20 0 20 | Caps: Round
Pattern: 10 20 | Caps: Square

Still need help?

If you didn’t find what you were looking for, please contact us.