OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <svg width="500" color-interpolation-filters="sRGB"> |
| 3 <filter id="convError1" x="0" y="0" width="1" height="1"> |
| 4 <feConvolveMatrix order="-1 -1" kernelMatrix="1"/> |
| 5 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 6 </filter> |
| 7 <filter id="convError2" x="0" y="0" width="1" height="1"> |
| 8 <feConvolveMatrix order="1 1" kernelMatrix="1 1"/> |
| 9 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 10 </filter> |
| 11 <filter id="convError3" x="0" y="0" width="1" height="1"> |
| 12 <feConvolveMatrix order="1 1" kernelMatrix="1" divisor="0"/> |
| 13 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 14 </filter> |
| 15 <filter id="convError4" x="0" y="0" width="1" height="1"> |
| 16 <feConvolveMatrix order="1 1" kernelMatrix="1" divisor="1" targetX="1"/> |
| 17 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 18 </filter> |
| 19 <filter id="convError5" x="0" y="0" width="1" height="1"> |
| 20 <feConvolveMatrix order="1 1" kernelMatrix="1" divisor="1" targetX="0" targe
tY="1"/> |
| 21 <feColorMatrix values="1 0 0 0 0, 0 1 0 0 0.5, 0 0 1 0 0, 0 0 0 1 1"/> |
| 22 </filter> |
| 23 |
| 24 <rect width="500" height="100" fill="red"/> |
| 25 <rect width="100" height="100" fill="red" filter="url(#convError1)"/> |
| 26 <rect width="100" height="100" fill="red" filter="url(#convError2)" x="100"/> |
| 27 <rect width="100" height="100" fill="red" filter="url(#convError3)" x="200"/> |
| 28 <rect width="100" height="100" fill="red" filter="url(#convError4)" x="300"/> |
| 29 <rect width="100" height="100" fill="red" filter="url(#convError5)" x="400"/> |
| 30 </svg> |
OLD | NEW |