Gallery

71 figures · Open a figure to explore its code.

layout (11)

geometry (10)

plotting (16)

maps (9)

networks (6)

text (5)

math (12)

api (2)

(clipping)

Clipping and transforms

The three placements show an original rectangle, a clipped fragment, and an affine transform of that same clipped fragment. Clipping restricts painted ink while preserving the child's allocation and overflow in the fragment tree. The two clipped placements share their clip definition in SVG output.

This example uses the low-level fragment API from Custom elements. For ordinary composition, use Box clipping, Group clipping, or TransformBox.