Specification link: 14.3 Clipping paths

masking-intro-01-f ← index → painting-marker-01-f

# masking-path-05-f
SVG Image | PNG Image

Test to see if clip-rule property has been implemented properly.

The test at the top shows a red rectangle that has been clipped by a clipping path that overlaps itself. The clip-rule is defined to be evenodd so the overlap should have a hole in it.

The test at the bottom shows a blue rectangle that has been clipped by a clipping path that overlaps itself. The clip-rule is defined to be nonzero so the overlap should be filled.

The rendered picture should match the reference image exactly, except for possible variations in the labelling text (per CSS2 rules).

masking-intro-01-f ← index → painting-marker-01-f

Distributed under both the W3C Test Suite License and the W3C 3-clause BSD License.
To contribute to a W3C Test Suite, see the policies and contribution forms.