| OLD | NEW |
| (Empty) |
| 1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlin
k"> | |
| 2 <defs> | |
| 3 <linearGradient id="linGrad" x1="0%" y1="0%" x2="100%" y2="100%"> | |
| 4 <stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1"/> | |
| 5 <stop offset="100%" style="stop-color:rgb(0,255,0);stop-opacity:1"/> | |
| 6 </linearGradient> | |
| 7 <radialGradient id="radGrad" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> | |
| 8 <stop offset="0%" style="stop-color:rgb(255,0,0);stop-opacity:1"/> | |
| 9 <stop offset="100%" style="stop-color:rgb(0,255,0);stop-opacity:1"/> | |
| 10 </radialGradient> | |
| 11 <filter id="f1" filterUnits="objectBoundingBox" x="0" y="0" width="1" height="1"
primitiveUnits="objectBoundingBox" filterRes="50 60"> | |
| 12 <feFlood flood-color="#000" x="5%" y="5%" width="5%" height="5%" result="flo
od1"/> | |
| 13 <feFlood flood-color="#000" x="0%" y="0%" width="5%" height="5%" result="flo
od2"/> | |
| 14 <feComposite in="flood1" in2="flood2" result="pair"/> | |
| 15 <feTile in="pair" result="tile"/> | |
| 16 <feDisplacementMap in="tile" in2="SourceGraphic" scale="64" xChannelSelector
="R" yChannelSelector="G"/> | |
| 17 </filter> | |
| 18 <filter id="over" filterUnits="objectBoundingBox" primitiveUnits="objectBounding
Box" x="0%" y="0%" width="100%" height="100%" filterRes="20 200"> | |
| 19 <feFlood flood-color="#f00" flood-opacity="0.5" result="res1" x="0%" y="0%"
width="75%" height="75%"/> | |
| 20 <feFlood flood-color="#00f" flood-opacity="0.5" result="res2" x="25%" y="25%
" width="75%" height="75%"/> | |
| 21 <feComposite in2="res1" in="res2" operator="over"/> | |
| 22 </filter> | |
| 23 <filter id="gauss" filterRes="20 42.1"> | |
| 24 <feGaussianBlur stdDeviation="10"/> | |
| 25 </filter> | |
| 26 <filter id="dilate2" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%"
height="100%" filterRes="50 49.999"> | |
| 27 <feMorphology operator="dilate" radius="3 1"/> | |
| 28 </filter> | |
| 29 </defs> | |
| 30 | |
| 31 <image x="10" y="10" width="100" height="100" xlink:href="../W3C-SVG-1.1/resourc
es/sphere.png" filter="url(#f1)"/> | |
| 32 <rect x="130" y="10" width="100" height="100" filter="url(#over)"/> | |
| 33 <g filter="url(#gauss)" transform="translate(250, 10)"> | |
| 34 <rect x="0" y="0" width="75" height="75" fill="red"/> | |
| 35 <rect x="25" y="25" width="75" height="75" fill="blue"/> | |
| 36 </g> | |
| 37 <g filter="url(#dilate2)" transform="translate(370, 10)"> | |
| 38 <rect x="20" y="20" width="50" height="50" style="fill:none;stroke:red;"/> | |
| 39 <rect x="35" y="35" width="50" height="50" style="fill:none;stroke:blue"/> | |
| 40 </g> | |
| 41 </svg> | |
| 42 | |
| OLD | NEW |