OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <body> |
| 4 <template id="target-template"> |
| 5 <svg width="90" height="90"> |
| 6 <defs> |
| 7 <filter> |
| 8 <feConvolveMatrix order="4 1" kernelMatrix="100 200 300 400" class="target" /> |
| 9 </filter> |
| 10 </defs> |
| 11 </svg> |
| 12 </template> |
| 13 <script src="../svg-attribute-interpolation/resources/interpolation-test.js"></s
cript> |
| 14 <script> |
| 15 'use strict'; |
| 16 // The number of entries kernelMatrix must equal <orderX> times <orderY>. |
| 17 assertAttributeInterpolation({ |
| 18 property: 'order', |
| 19 underlying: '0', |
| 20 from: '1, 4', |
| 21 fromComposite: 'add', |
| 22 to: '2', |
| 23 toComposite: 'add', |
| 24 }, [ |
| 25 {at: 0, is: '1, 4'}, |
| 26 {at: 1, is: '2, 2'}, |
| 27 ]); |
| 28 |
| 29 assertAttributeInterpolation({ |
| 30 property: 'order', |
| 31 underlying: '3', |
| 32 from: '1, 4', |
| 33 fromComposite: 'add', |
| 34 to: '2', |
| 35 toComposite: 'add', |
| 36 }, [ |
| 37 {at: 0, is: '1, 4'}, |
| 38 {at: 1, is: '2, 2'}, |
| 39 ]); |
| 40 |
| 41 assertAttributeInterpolation({ |
| 42 property: 'order', |
| 43 underlying: '3', |
| 44 from: '1, 4', |
| 45 fromComposite: 'replace', |
| 46 to: '2', |
| 47 toComposite: 'add', |
| 48 }, [ |
| 49 {at: 0, is: '1, 4'}, |
| 50 {at: 1, is: '2, 2'}, |
| 51 ]); |
| 52 |
| 53 assertAttributeInterpolation({ |
| 54 property: 'order', |
| 55 underlying: '3', |
| 56 from: '1, 4', |
| 57 fromComposite: 'add', |
| 58 to: '2', |
| 59 toComposite: 'replace', |
| 60 }, [ |
| 61 {at: 0, is: '1, 4'}, |
| 62 {at: 1, is: '2, 2'}, |
| 63 ]); |
| 64 |
| 65 assertAttributeInterpolation({ |
| 66 property: 'order', |
| 67 underlying: '3', |
| 68 from: '', |
| 69 fromComposite: 'add', |
| 70 to: '2', |
| 71 toComposite: 'replace', |
| 72 }, [ |
| 73 {at: 0, is: '1, 1'}, |
| 74 {at: 1, is: '2, 2'}, |
| 75 ]); |
| 76 |
| 77 assertAttributeInterpolation({ |
| 78 property: 'order', |
| 79 underlying: '0', |
| 80 from: '2', |
| 81 fromComposite: 'add', |
| 82 to: '2', |
| 83 toComposite: 'add', |
| 84 }, [ |
| 85 {at: -0.4, is: '2, 2'}, |
| 86 {at: 0, is: '2, 2'}, |
| 87 {at: 0.2, is: '2, 2'}, |
| 88 {at: 0.6, is: '2, 2'}, |
| 89 {at: 1, is: '2, 2'}, |
| 90 {at: 1.4, is: '2, 2'}, |
| 91 ]); |
| 92 |
| 93 assertAttributeInterpolation({ |
| 94 property: 'order', |
| 95 underlying: '3', |
| 96 from: '2', |
| 97 fromComposite: 'add', |
| 98 to: '2', |
| 99 toComposite: 'add', |
| 100 }, [ |
| 101 {at: -0.4, is: '2, 2'}, |
| 102 {at: 0, is: '2, 2'}, |
| 103 {at: 0.2, is: '2, 2'}, |
| 104 {at: 0.6, is: '2, 2'}, |
| 105 {at: 1, is: '2, 2'}, |
| 106 {at: 1.4, is: '2, 2'}, |
| 107 ]); |
| 108 |
| 109 assertAttributeInterpolation({ |
| 110 property: 'order', |
| 111 underlying: '3', |
| 112 from: '2', |
| 113 fromComposite: 'replace', |
| 114 to: '2', |
| 115 toComposite: 'add', |
| 116 }, [ |
| 117 {at: -0.4, is: '2, 2'}, |
| 118 {at: 0, is: '2, 2'}, |
| 119 {at: 0.2, is: '2, 2'}, |
| 120 {at: 0.6, is: '2, 2'}, |
| 121 {at: 1, is: '2, 2'}, |
| 122 {at: 1.4, is: '2, 2'}, |
| 123 ]); |
| 124 |
| 125 assertAttributeInterpolation({ |
| 126 property: 'order', |
| 127 underlying: '3', |
| 128 from: '2', |
| 129 fromComposite: 'add', |
| 130 to: '2', |
| 131 toComposite: 'replace', |
| 132 }, [ |
| 133 {at: -0.4, is: '2, 2'}, |
| 134 {at: 0, is: '2, 2'}, |
| 135 {at: 0.2, is: '2, 2'}, |
| 136 {at: 0.6, is: '2, 2'}, |
| 137 {at: 1, is: '2, 2'}, |
| 138 {at: 1.4, is: '2, 2'}, |
| 139 ]); |
| 140 |
| 141 assertAttributeInterpolation({ |
| 142 property: 'order', |
| 143 underlying: '3', |
| 144 from: '', |
| 145 fromComposite: 'add', |
| 146 to: '2', |
| 147 toComposite: 'replace', |
| 148 }, [ |
| 149 {at: -0.4, is: '1, 1'}, |
| 150 {at: 0, is: '1, 1'}, |
| 151 {at: 0.2, is: '1, 1'}, |
| 152 {at: 0.6, is: '1, 1'}, |
| 153 {at: 1, is: '2, 2'}, |
| 154 {at: 1.4, is: '3, 3'}, |
| 155 ]); |
| 156 |
| 157 assertAttributeInterpolation({ |
| 158 property: 'order', |
| 159 underlying: '0', |
| 160 from: '2', |
| 161 fromComposite: 'add', |
| 162 to: '4, 1', |
| 163 toComposite: 'add', |
| 164 }, [ |
| 165 {at: 0, is: '2, 2'}, |
| 166 {at: 1, is: '4, 1'}, |
| 167 ]); |
| 168 |
| 169 assertAttributeInterpolation({ |
| 170 property: 'order', |
| 171 underlying: '3', |
| 172 from: '2', |
| 173 fromComposite: 'add', |
| 174 to: '4, 1', |
| 175 toComposite: 'add', |
| 176 }, [ |
| 177 {at: 0, is: '2, 2'}, |
| 178 {at: 1, is: '4, 1'}, |
| 179 ]); |
| 180 |
| 181 assertAttributeInterpolation({ |
| 182 property: 'order', |
| 183 underlying: '3', |
| 184 from: '2', |
| 185 fromComposite: 'replace', |
| 186 to: '4, 1', |
| 187 toComposite: 'add', |
| 188 }, [ |
| 189 {at: 0, is: '2, 2'}, |
| 190 {at: 1, is: '4, 1'}, |
| 191 ]); |
| 192 |
| 193 assertAttributeInterpolation({ |
| 194 property: 'order', |
| 195 underlying: '3', |
| 196 from: '2', |
| 197 fromComposite: 'add', |
| 198 to: '4, 1', |
| 199 toComposite: 'replace', |
| 200 }, [ |
| 201 {at: 0, is: '2, 2'}, |
| 202 {at: 1, is: '4, 1'}, |
| 203 ]); |
| 204 |
| 205 assertAttributeInterpolation({ |
| 206 property: 'order', |
| 207 underlying: '3', |
| 208 from: '', |
| 209 fromComposite: 'add', |
| 210 to: '4, 1', |
| 211 toComposite: 'replace', |
| 212 }, [ |
| 213 {at: 0, is: '1, 1'}, |
| 214 {at: 1, is: '4, 1'}, |
| 215 ]); |
| 216 </script> |
| 217 </body> |
| 218 </html> |
OLD | NEW |