Introduction
SVG 2 has a new ‘paint-order’ property which can be used to select the order in which the fill, stroke, and markers are painted. This is of especially great use for text where having the stroke painted on top of the fill leads to distorted glyphs.
Sample text showing the effect of the ‘paint-order’ property.
Test SVGs
Each square has the indicated value of the ‘paint-order’ property.
Each line of text has the indicated value of the ‘paint-order’ property.