blob: 96e2d1095a020ee086e0fa149b3e2bdc276183f8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<clipPath id="circleClip1">
<circle cx="50" cy="50" r="50"/>
</clipPath>
<clipPath id="circleClip2">
<circle cx="50" cy="150" r="0"/>
</clipPath>
<clipPath id="circleClip3">
<circle cx="50" cy="250" r="0"/>
</clipPath>
</defs>
<rect id="cp1" x="0" y="0" width="100" height="100" fill="blue" clip-path="url(#circleClip1)"/>
<rect id="cp2" x="0" y="100" width="100" height="100" fill="blue"/>
<rect id="cp3" x="0" y="200" width="100" height="100" fill="blue"/>
</svg>
|