OLD | NEW |
---|---|
1 <!doctype html> | 1 <!doctype html> |
2 | 2 |
3 <style> | 3 <style> |
4 svg { | 4 svg { |
5 width: 100px; | 5 width: 100px; |
6 height: 100px; | 6 height: 100px; |
7 margin: 1px; | 7 margin: 1px; |
8 } | 8 } |
9 | 9 |
10 #test-root { | 10 #test-root { |
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
59 <p id="test-child"> | 59 <p id="test-child"> |
60 | 60 |
61 <!-- SVG child element: the first filter is valid, the rest are not. --> | 61 <!-- SVG child element: the first filter is valid, the rest are not. --> |
62 | 62 |
63 <svg viewBox="0 0 50 50"> | 63 <svg viewBox="0 0 50 50"> |
64 <rect fill="red" x="0" y="0" height="50" width="50" | 64 <rect fill="red" x="0" y="0" height="50" width="50" |
65 style="filter: url(#filter)"/> | 65 style="filter: url(#filter)"/> |
66 </svg> | 66 </svg> |
67 | 67 |
68 <svg viewBox="0 0 50 50"> | 68 <svg viewBox="0 0 50 50"> |
69 <rect fill="red" x="0" y="0" height="50" width="50" | 69 <rect fill="lime" x="0" y="0" height="50" width="50" |
pdr.
2016/09/16 18:45:17
Do we match firefox in this case?
fs
2016/09/16 19:02:33
Well, they support shorthand filters on SVG, so it
| |
70 style="filter: url(#filter) blur(0px)"/> | 70 style="filter: url(#filter) blur(0px)"/> |
71 </svg> | 71 </svg> |
72 | 72 |
73 <svg viewBox="0 0 50 50"> | 73 <svg viewBox="0 0 50 50"> |
74 <rect fill="red" x="0" y="0" height="50" width="50" | 74 <rect fill="lime" x="0" y="0" height="50" width="50" |
75 style="filter: blur(0px)"/> | 75 style="filter: blur(0px)"/> |
76 </svg> | 76 </svg> |
77 | 77 |
78 <svg viewBox="0 0 50 50"> | 78 <svg viewBox="0 0 50 50"> |
79 <rect fill="red" x="0" y="0" height="50" width="50" | 79 <rect fill="red" x="0" y="0" height="50" width="50" |
80 style="filter: url(#missing)"/> | 80 style="filter: url(#missing)"/> |
81 </svg> | 81 </svg> |
82 | 82 |
83 <svg viewBox="0 0 50 50"> | 83 <svg viewBox="0 0 50 50"> |
84 <rect fill="red" x="0" y="0" height="50" width="50" | 84 <rect fill="red" x="0" y="0" height="50" width="50" |
85 style="filter: url(invalid)"/> | 85 style="filter: url(invalid)"/> |
86 </svg> | 86 </svg> |
87 | 87 |
88 <svg viewBox="0 0 50 50"> | 88 <svg viewBox="0 0 50 50"> |
89 <rect fill="red" x="0" y="0" height="50" width="50" | 89 <rect fill="red" x="0" y="0" height="50" width="50" |
90 style="filter: url(invalid#missing)"/> | 90 style="filter: url(invalid#missing)"/> |
91 </svg> | 91 </svg> |
92 | 92 |
93 <svg viewBox="0 0 50 50"> | 93 <svg viewBox="0 0 50 50"> |
94 <rect fill="red" x="0" y="0" height="50" width="50" | 94 <rect fill="red" x="0" y="0" height="50" width="50" |
95 style="filter: url(filter)"/> | 95 style="filter: url(filter)"/> |
96 </svg> | 96 </svg> |
97 </p> | 97 </p> |
OLD | NEW |