More on Clipping

Calling clip multiple times

You can call the clip function more than once. This creates a new clip-path by intersecting a new path with the existing clip-path.

Here is an example of this:

First, we create a path consisting of a circle with a radius of 125 and its center at (150, 150). Then we call the clip function to set it as the clip-path (clip region 1 in the diagram).

Then, we create another path consisting of a circle with a radius of 125 and its center at (250, 200), and call the clip function again (clip region 2 in the diagram).

The final clip region results from the intersection of clip region 1 and clip region 2, as is shown in ...