Specification link: 14.3 Clipping paths

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

# masking-path-05-f
SVG Image | PNG Image
masking-path-05-f Test to see if clip-rule property has been implemented properly. Test for clip-rule property. clip-rule=evenodd cliprule=nonzero $Revision: 1.2 $ |

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