Full version, Basic version

Specification link: 14.3 Clipping paths

masking-path-03-b ← index → metadata-example-01-b

# masking-path-04-b
SVG Image | PNG Image
masking-path-04-b Check that user-specified (non-default) clipPaths work. Clip Test Clip Test $Revision: 1.8 $ |

This test exercises basic user-specified clip paths, using a text string (i.e., content of a 'text' element) as the clip path.

There is a rectangular image of a swirly blue pattern with large yellow text, "Clip Path" superimposed. The image is a PNG file, imported into the picture via the 'image' element.

The rendered picture should match the reference image, except for possible variations in the labelling text (per CSS2 rules). (Note that the imported PNG image is somewhat granular and low resolution).

The test uses the 'rect' element, as well as basic fill (solid primary colors), stroke (black 1-pixel lines), font-family (Arial and Impact) and font-size properties.

masking-path-03-b ← index → metadata-example-01-b