Full version, Basic version

Specification link: 14.3 Clipping paths

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

# masking-path-02-b
SVG Image | PNG Image

Test to see if clipPathUnits attribute is handled properly on a clipPath element. Only tests the userSpaceOnUse and objectBoundingBox items of the clipPathUnits. userSpace has been tested by the previous test as it is the default.

The test at the top shows a red rectangle that has been clipped by a rectangular clipping path. The clipping path is defined using clipPathUnits=objectBoundingBox. Only the bottom-right portion of the red rectangle should be visible.

The example at the bottom a rotated blue rectangle that has been clipped by a rectangular clipping path. The clipping path is defined using clipPathUnits=userSpaceOnUse. As a result only the bottom-right portion of the rectangle should be visible.

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

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

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.