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="over" color-interpolation-filters="sRGB" x="0%" y="0%" width="11
5%" height="115%"> | 3 <filter id="over" color-interpolation-filters="sRGB" x="0%" y="0%" width="11
5%" height="115%"> |
4 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0
0 0.5 0" result="transp"/> | 4 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0
0 0.5 0" result="transp"/> |
5 <feOffset dx="10" dy="10"/> | 5 <feOffset dx="10" dy="10"/> |
6 <feComposite in2="transp" operator="over"/> | 6 <feComposite in2="transp" operator="over"/> |
7 </filter> | 7 </filter> |
8 <filter id="in" color-interpolation-filters="sRGB" x="0%" y="0%" width="115%
" height="115%"> | 8 <filter id="in" color-interpolation-filters="sRGB" x="0%" y="0%" width="115%
" height="115%"> |
9 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0
0 0.5 0" result="transp"/> | 9 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0
0 0.5 0" result="transp"/> |
10 <feOffset dx="10" dy="10"/> | 10 <feOffset dx="10" dy="10"/> |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
51 <feComposite in2="transp" operator="atop" x="20" y="20" width="120" height
="50"/> | 51 <feComposite in2="transp" operator="atop" x="20" y="20" width="120" height
="50"/> |
52 </filter> | 52 </filter> |
53 <filter id="xor-subregion" color-interpolation-filters="sRGB" x="0%" y="0%"
width="115%" height="115%"> | 53 <filter id="xor-subregion" color-interpolation-filters="sRGB" x="0%" y="0%"
width="115%" height="115%"> |
54 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0
0 0.5 0" result="transp"/> | 54 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0
0 0.5 0" result="transp"/> |
55 <feOffset dx="10" dy="10"/> | 55 <feOffset dx="10" dy="10"/> |
56 <feComposite in2="transp" operator="xor" x="20" y="20" width="120" height=
"50"/> | 56 <feComposite in2="transp" operator="xor" x="20" y="20" width="120" height=
"50"/> |
57 </filter> | 57 </filter> |
58 <filter id="arithmetic-subregion" color-interpolation-filters="sRGB" x="0%"
y="0%" width="115%" height="115%"> | 58 <filter id="arithmetic-subregion" color-interpolation-filters="sRGB" x="0%"
y="0%" width="115%" height="115%"> |
59 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0
0 0.5 0" result="transp"/> | 59 <feColorMatrix type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0
0 0.5 0" result="transp"/> |
60 <feOffset dx="10" dy="10"/> | 60 <feOffset dx="10" dy="10"/> |
61 <feComposite in2="transp" operator="arithmetic" k1="0" k2="1" k3="1" k4="0
" x="20" y=20" width="120" height="50"/> | 61 <feComposite in2="transp" operator="arithmetic" k1="0" k2="1" k3="1" k4="0
" x="20" y="20" width="120" height="50"/> |
62 </filter> | 62 </filter> |
63 </defs> | 63 </defs> |
64 </svg> | 64 </svg> |
65 <style> | 65 <style> |
66 img { | 66 img { |
67 margin: 10px; | 67 margin: 10px; |
68 transform: translateZ(0); | 68 transform: translateZ(0); |
69 } | 69 } |
70 </style> | 70 </style> |
71 <img style="-webkit-filter: url(#over); filter: url(#over);" src="resources/refe
rence.png"> | 71 <img style="-webkit-filter: url(#over); filter: url(#over);" src="resources/refe
rence.png"> |
72 <img style="-webkit-filter: url(#in); filter: url(#in);" src="resources/refe
rence.png"> | 72 <img style="-webkit-filter: url(#in); filter: url(#in);" src="resources/refe
rence.png"> |
73 <img style="-webkit-filter: url(#out); filter: url(#out);" src="resources/refe
rence.png"> | 73 <img style="-webkit-filter: url(#out); filter: url(#out);" src="resources/refe
rence.png"> |
74 <img style="-webkit-filter: url(#atop); filter: url(#atop);" src="resources/refe
rence.png"> | 74 <img style="-webkit-filter: url(#atop); filter: url(#atop);" src="resources/refe
rence.png"> |
75 <img style="-webkit-filter: url(#xor); filter: url(#xor);" src="resources/refe
rence.png"> | 75 <img style="-webkit-filter: url(#xor); filter: url(#xor);" src="resources/refe
rence.png"> |
76 <img style="-webkit-filter: url(#arithmetic); filter: url(#arithmetic);" src="
resources/reference.png"> | 76 <img style="-webkit-filter: url(#arithmetic); filter: url(#arithmetic);" src="
resources/reference.png"> |
77 <img style="-webkit-filter: url(#over-subregion); filter: url(#over-subregion);"
src="resources/reference.png"> | 77 <img style="-webkit-filter: url(#over-subregion); filter: url(#over-subregion);"
src="resources/reference.png"> |
78 <img style="-webkit-filter: url(#in-subregion); filter: url(#in-subregion);"
src="resources/reference.png"> | 78 <img style="-webkit-filter: url(#in-subregion); filter: url(#in-subregion);"
src="resources/reference.png"> |
79 <img style="-webkit-filter: url(#out-subregion); filter: url(#out-subregion);"
src="resources/reference.png"> | 79 <img style="-webkit-filter: url(#out-subregion); filter: url(#out-subregion);"
src="resources/reference.png"> |
80 <img style="-webkit-filter: url(#atop-subregion); filter: url(#atop-subregion);"
src="resources/reference.png"> | 80 <img style="-webkit-filter: url(#atop-subregion); filter: url(#atop-subregion);"
src="resources/reference.png"> |
81 <img style="-webkit-filter: url(#xor-subregion); filter: url(#xor-subregion);"
src="resources/reference.png"> | 81 <img style="-webkit-filter: url(#xor-subregion); filter: url(#xor-subregion);"
src="resources/reference.png"> |
82 <img style="-webkit-filter: url(#arithmetic-subregion); filter: url(#arithmetic
-subregion);" src="resources/reference.png"> | 82 <img style="-webkit-filter: url(#arithmetic-subregion); filter: url(#arithmetic
-subregion);" src="resources/reference.png"> |
OLD | NEW |