OLD | NEW |
1 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> | 1 <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" version="1.1"> |
2 <defs> | 2 <defs> |
3 <filter id="colormatrix" color-interpolation-filters="sRGB"> | 3 <filter id="colormatrix" color-interpolation-filters="sRGB"> |
4 <feColorMatrix type="hueRotate" values="180"/> | 4 <feColorMatrix type="hueRotate" values="180"/> |
5 </filter> | 5 </filter> |
6 <filter id="morphology" color-interpolation-filters="sRGB"> | 6 <filter id="morphology" color-interpolation-filters="sRGB"> |
7 <feMorphology radius="10" operator="dilate"/> | 7 <feMorphology radius="10" operator="dilate"/> |
8 </filter> | 8 </filter> |
9 <filter id="componenttransfer" color-interpolation-filters="sRGB"> | 9 <filter id="componenttransfer" color-interpolation-filters="sRGB"> |
10 <feComponentTransfer> | 10 <feComponentTransfer> |
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
45 <feMerge> | 45 <feMerge> |
46 <feMergeNode in="trans"/> | 46 <feMergeNode in="trans"/> |
47 <feMergeNode in="offset1"/> | 47 <feMergeNode in="offset1"/> |
48 <feMergeNode in="offset2"/> | 48 <feMergeNode in="offset2"/> |
49 <feMergeNode in="offset3"/> | 49 <feMergeNode in="offset3"/> |
50 </feMerge> | 50 </feMerge> |
51 </filter> | 51 </filter> |
52 <filter id="flood" color-interpolation-filters="sRGB"> | 52 <filter id="flood" color-interpolation-filters="sRGB"> |
53 <feFlood flood-color="green"/> | 53 <feFlood flood-color="green"/> |
54 </filter> | 54 </filter> |
| 55 <filter id="turbulence" color-interpolation-filters="sRGB"> |
| 56 <feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2"/> |
| 57 </filter> |
55 </defs> | 58 </defs> |
56 </svg> | 59 </svg> |
57 <style> | 60 <style> |
58 img { | 61 img { |
59 margin: 10px; | 62 margin: 10px; |
60 } | 63 } |
61 </style> | 64 </style> |
62 <img src="resources/reference.png"> | 65 <img src="resources/reference.png"> |
63 <img style="-webkit-filter: url(#colormatrix); filter: url(#colormatrix);" src="
resources/reference.png"> | 66 <img style="-webkit-filter: url(#colormatrix); filter: url(#colormatrix);" src="
resources/reference.png"> |
64 <img style="-webkit-filter: url(#morphology); filter: url(#morphology);" src="re
sources/reference.png"> | 67 <img style="-webkit-filter: url(#morphology); filter: url(#morphology);" src="re
sources/reference.png"> |
65 <img style="-webkit-filter: url(#componenttransfer); filter: url(#componenttrans
fer);" src="resources/reference.png"> | 68 <img style="-webkit-filter: url(#componenttransfer); filter: url(#componenttrans
fer);" src="resources/reference.png"> |
66 <img style="-webkit-filter: url(#blurY); filter: url(#blurY);" src="resources/re
ference.png"> | 69 <img style="-webkit-filter: url(#blurY); filter: url(#blurY);" src="resources/re
ference.png"> |
67 <img style="-webkit-filter: url(#blend); filter: url(#blend);" src="resources/re
ference.png"> | 70 <img style="-webkit-filter: url(#blend); filter: url(#blend);" src="resources/re
ference.png"> |
68 <img style="-webkit-filter: url(#lighting); filter: url(#lighting);" src="resour
ces/reference.png"> | 71 <img style="-webkit-filter: url(#lighting); filter: url(#lighting);" src="resour
ces/reference.png"> |
69 <img style="-webkit-filter: url(#offset); filter: url(#offset);" src="resources/
reference.png"> | 72 <img style="-webkit-filter: url(#offset); filter: url(#offset);" src="resources/
reference.png"> |
70 <img style="-webkit-filter: url(#convolvematrix); filter: url(#convolvematrix);"
src="resources/reference.png"> | 73 <img style="-webkit-filter: url(#convolvematrix); filter: url(#convolvematrix);"
src="resources/reference.png"> |
71 <img style="-webkit-filter: url(#displacement); filter: url(#displacement);" src
="resources/reference.png"> | 74 <img style="-webkit-filter: url(#displacement); filter: url(#displacement);" src
="resources/reference.png"> |
72 <img style="-webkit-filter: url(#merge); filter: url(#merge);" src="resources/re
ference.png"> | 75 <img style="-webkit-filter: url(#merge); filter: url(#merge);" src="resources/re
ference.png"> |
73 <img style="-webkit-filter: url(#flood); filter: url(#flood);" src="resources/re
ference.png"> | 76 <img style="-webkit-filter: url(#flood); filter: url(#flood);" src="resources/re
ference.png"> |
| 77 <img style="-webkit-filter: url(#turbulence); filter: url(#turbulence);" src="re
sources/reference.png"> |
OLD | NEW |