123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <!--
- 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>
|