v131 · graphics

Support external SVG resources for 'clip-path', 'fill', 'stroke' and 'marker-*' properties

Allow external references for clip paths, markers, and paint servers (for the 'fill' and 'stroke' properties). For example, clip-path: url("resources.svg#myPath").

concepts

  1. External SVG refs

    clip-path, fill, stroke, and marker-* properties accept references to external SVG documents. Keeps reusable definitions out of every page.

  2. Shared icon library

    Six icons + a curve with a marker-end, all referencing a single <defs> sheet — the real-world payoff.

  3. clip-path library

    Six named clipPaths in one file. Cards on this page reference them via clip-path: url(./shapes.svg#name) — one cached SVG, many pages.

  4. Markers + paint servers

    Flow diagram with marker-end swapping live, plus a fill: url(...) paint server — both referenced from an external SVG.

why it shipped

This feature allows easily sharing SVG paint servers, clip paths and markers between different documents, and, for example, having a library of such resources.

references