Path object

The PathObject contains the SVG elements in the DOM that make up the block.

For example, in the Geras renderer, blocks have a "main" path, a "dark" path and a "light" path, to give them a 3d effect. The path object creates the SVG elements for each of these paths.

geras paths

This is opposed to the Thrasos renderer, whose blocks have a single path element with a stroke:

thrasos paths

It also handles:

  • Applying the shape generated by the drawer to the SVG elements.
  • Applying theme colors to the SVG elements.
  • Applying other styling to the SVG elements.