OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <base href="http://www.example.com/"> |
| 3 <svg width="400" height="300"> |
| 4 <linearGradient id="paint"> |
| 5 <stop stop-color="green"/> |
| 6 </linearGradient> |
| 7 <linearGradient id="inheritedPaint" xlink:href="#paint"/> |
| 8 <rect id="rect" width="100" height="100" fill="url(#paint) red"/> |
| 9 <rect x="125" y="25" width="50" height="50" stroke="url(#paint) red" stroke-wi
dth="50"/> |
| 10 <use x="200" xlink:href="#rect"/> |
| 11 <rect x="300" width="100" height="100" fill="url(#inheritedPaint) red"/> |
| 12 |
| 13 <filter id="filter" x="0" y="0" width="1" height="1" color-interpolation-filte
rs="sRGB"> |
| 14 <feImage xlink:href="#rect"/> |
| 15 </filter> |
| 16 <rect y="100" width="100" height="100" fill="red" filter="url(#filter)"/> |
| 17 |
| 18 <clipPath id="clip"> |
| 19 <rect y="50" width="100" height="50"/> |
| 20 </clipPath> |
| 21 <rect x="100" y="100" width="100" height="50" fill="green"/> |
| 22 <g clip-path="url(#clip)" transform="translate(100, 100)"> |
| 23 <rect width="100" height="50" fill="red"/> |
| 24 <rect y="50" width="100" height="50" fill="green"/> |
| 25 </g> |
| 26 |
| 27 <mask id="mask"> |
| 28 <rect y="50" width="100" height="50" fill="white"/> |
| 29 </mask> |
| 30 <rect y="100" x="200" width="100" height="50" fill="green"/> |
| 31 <g mask="url(#mask)" transform="translate(200, 100)"> |
| 32 <rect width="100" height="50" fill="red"/> |
| 33 <rect y="50" width="100" height="50" fill="green"/> |
| 34 </g> |
| 35 |
| 36 <pattern id="pattern" width="100" height="100" patternUnits="userSpaceOnUse"> |
| 37 <rect width="100" height="100" fill="green"/> |
| 38 </pattern> |
| 39 <pattern id="inheritedPattern" xlink:href="#pattern"/> |
| 40 <rect x="300" y="100" width="100" height="100" fill="url(#inheritedPattern) re
d"/> |
| 41 |
| 42 <marker id="marker" refY="0.5"> |
| 43 <rect width="1" height="1" fill="green"/> |
| 44 </marker> |
| 45 <polyline points="0,250 100,250 200,250" stroke="red" stroke-width="100" |
| 46 marker-start="url(#marker)" marker-mid="url(#marker)" marker-end="ur
l(#marker)"/> |
| 47 |
| 48 <radialGradient id="radial"> |
| 49 <stop stop-color="green"/> |
| 50 </radialGradient> |
| 51 <radialGradient id="inheritedRadial" xlink:href="#radial"/> |
| 52 <rect x="300" y="200" width="100" height="100" fill="url(#inheritedRadial) red
"/> |
| 53 </svg> |
OLD | NEW |