blob: 50406bddb9c2621493da4c74f209a15a2f731725 (
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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
<!--
Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<clipPath id="c1">
<circle cx="50" cy="50" r="50"/>
</clipPath>
<mask id="m1">
<circle cx="50" cy="50" r="50" fill="#888"/>
</mask>
<filter id="f1">
<feColorMatrix type="hueRotate" values="60"/>
</filter>
<linearGradient id="l1">
<stop stop-color="red"/>
<stop offset="1" stop-color="yellow"/>
</linearGradient>
<pattern id="p1" viewBox="0 0 10 10" width="25%" height="25%">
<circle cx="5" cy="5" r="5" fill="red"/>
</pattern>
</defs>
<g fill="blue">
<g transform="translate(200,50)">
<rect width="100" height="100" clip-path="url(#c1)"/>
</g>
<g transform="translate(200,160)">
<rect width="100" height="100" mask="url(#m1)"/>
</g>
<g transform="translate(200,270)">
<rect width="100" height="100" filter="url(#f1)"/>
</g>
<g transform="translate(200,380)">
<rect width="100" height="100" fill="url(#l1)"/>
</g>
<g transform="translate(200,490)">
<rect width="100" height="100" fill="url(#p1)"/>
</g>
</g>
</svg>
|
