blob: c3b6f7d68257f16c7d93b9744023799f0f447a64 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<svg width="300" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<clipPath id="slice" clipPathUnits="userSpaceOnUse">
<polyline points="25,25 50,50 25,75"/>
</clipPath>
<clipPath id="antislice" clipPathUnits="userSpaceOnUse">
<polyline points="125,25 150,50 125,75 175,75 175,25"/>
</clipPath>
<clipPath id="antislice2" clipPathUnits="userSpaceOnUse">
<polyline points="225,25 250,50 225,75 275,75 275,25"/>
</clipPath>
</defs>
<a xlink:href="http://example.com/1">
<rect x="25" y="25" width="50" height="50" clip-path="url(#slice)"/>
</a>
<a xlink:href="http://example.com/2" clip-path="url(#antislice)">
<rect x="130" y="30" width="40" height="40" stroke-width="6" stroke="lime"/>
</a>
<g clip-path="url(#antislice2)">
<a xlink:href="http://example.com/3">
<rect x="230" y="30" width="40" height="40"/>
</a>
</g>
</svg>
|
