| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 | 4 |
| 5 svg * { | 5 svg * { |
| 6 transition-property: fill, stroke, fill-opacity, stroke-opacity, stroke-wi
dth, stroke-dasharray, stroke-dashoffset, stroke-miterlimit, kerning, baseline-s
hift, flood-color, flood-opacity, stop-color, stop-opacity, lighting-color; | 6 transition-property: fill, stroke, fill-opacity, stroke-opacity, stroke-wi
dth, stroke-dasharray, stroke-dashoffset, stroke-miterlimit, kerning, baseline-s
hift, flood-color, flood-opacity, stop-color, stop-opacity, lighting-color; |
| 7 transition-duration: 2s; | 7 transition-duration: 2s; |
| 8 transition-timing-function: linear; | 8 transition-timing-function: linear; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 122 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 133 [1, "rect1", "fill-opacity", 0.6, 0.1], // 1 -> 0.2 | 133 [1, "rect1", "fill-opacity", 0.6, 0.1], // 1 -> 0.2 |
| 134 [1, "rect1", "stroke-width", 3, 0.5], // 2 -> 4 | 134 [1, "rect1", "stroke-width", 3, 0.5], // 2 -> 4 |
| 135 [1, "rect1", "stroke-opacity", 0.6, 0.1], // 1 -> 0.2 | 135 [1, "rect1", "stroke-opacity", 0.6, 0.1], // 1 -> 0.2 |
| 136 [1, "rect1", "stroke-dasharray", [15, 15], 1], // (10, 10) -> (20, 20) | 136 [1, "rect1", "stroke-dasharray", [15, 15], 1], // (10, 10) -> (20, 20) |
| 137 [1, "rect1", "stroke-dashoffset", 5, 1], // 0 -> 10 | 137 [1, "rect1", "stroke-dashoffset", 5, 1], // 0 -> 10 |
| 138 [1, "rect2", "fill", [0, 127, 127], 20], // rgb(0, 0, 255) -> rgb(0, 255, 0) | 138 [1, "rect2", "fill", [0, 127, 127], 20], // rgb(0, 0, 255) -> rgb(0, 255, 0) |
| 139 [1, "rect2", "stroke", [127, 0, 0], 20], // rgb(255, 0, 0) -> rgb(0, 0, 0) | 139 [1, "rect2", "stroke", [127, 0, 0], 20], // rgb(255, 0, 0) -> rgb(0, 0, 0) |
| 140 [1, "rect2", "stroke-dasharray", [15, 15], 1], // (10, 10) -> (20, 20) | 140 [1, "rect2", "stroke-dasharray", [15, 15], 1], // (10, 10) -> (20, 20) |
| 141 [1, "rect4", "stroke-width", 8, 0.5], // 1px to 4mm (~15.1px) | 141 [1, "rect4", "stroke-width", 8, 0.5], // 1px to 4mm (~15.1px) |
| 142 [1, "rect5", "stroke-width", 5, 1], // 0 to 10px | 142 [1, "rect5", "stroke-width", 5, 1], // 0 to 10px |
| 143 [1, "rect5", "stroke-dasharray", [10, 10], 1], // (0, 0) -> (20, 20) | 143 [1, "rect5", "stroke-dasharray", 20, 1], // none -> 20 |
| 144 [1, "rect6", "stroke-width", 15, 2], // 10% to 20% | 144 [1, "rect6", "stroke-width", 15, 2], // 10% to 20% |
| 145 [1, "rect6", "stroke-dasharray", [15, 15, 20, 12.5, 17.5, 17.5], 1], // (10, 1
5, 20, 15, 20, 15) -> (10, 15, 20, 10, 15, 20) | 145 [1, "rect6", "stroke-dasharray", [15, 15, 20, 12.5, 17.5, 17.5], 1], // (10, 1
5, 20, 15, 20, 15) -> (10, 15, 20, 10, 15, 20) |
| 146 [1, "rect7", "fill", [0, 0, 127], 20], // url(#invalid) black -> url(#invalid
) blue | 146 [1, "rect7", "fill", [0, 0, 127], 20], // url(#invalid) black -> url(#invalid
) blue |
| 147 [1, "rect7", "stroke-dasharray", [10, 10], 1], // (20, 20) -> (0, 0) | 147 [1, "rect7", "stroke-dasharray", 'none', 1], // 20 -> none |
| 148 [1, "stop1", "stop-color", [127, 127, 0], 20], // rgb(255,0,0) -> rgb(0, 255,
0) | 148 [1, "stop1", "stop-color", [127, 127, 0], 20], // rgb(255,0,0) -> rgb(0, 255,
0) |
| 149 [1, "stop1", "stop-opacity", 0.75, 0.1], // 1 -> 0.5 | 149 [1, "stop1", "stop-opacity", 0.75, 0.1], // 1 -> 0.5 |
| 150 [1, "polyline1", "stroke-miterlimit", 11, 0.5], // 12 -> 10 (this is an abrupt
change in rendering even though the property animation is smooth) | 150 [1, "polyline1", "stroke-miterlimit", 11, 0.5], // 12 -> 10 (this is an abrupt
change in rendering even though the property animation is smooth) |
| 151 [1, "text1", "baseline-shift", 5, 1], // 0 -> 10px | 151 [1, "text1", "baseline-shift", 5, 1], // 0 -> 10px |
| 152 [1, "flood1", "flood-opacity", 0.5, 0.1], // 1 -> 0 | 152 [1, "flood1", "flood-opacity", 0.5, 0.1], // 1 -> 0 |
| 153 [1, "flood1", "flood-color", [127, 127, 0], 20], // rgb(0, 255, 0) -> rgb(255,
0, 0) | 153 [1, "flood1", "flood-color", [127, 127, 0], 20], // rgb(0, 255, 0) -> rgb(255,
0, 0) |
| 154 [1, "light1", "lighting-color", [127, 127, 0], 20], // rgb(255, 0, 0) -> rgb(0
, 255, 0) | 154 [1, "light1", "lighting-color", [127, 127, 0], 20], // rgb(255, 0, 0) -> rgb(0
, 255, 0) |
| 155 ]; | 155 ]; |
| 156 | 156 |
| 157 function setupTest() | 157 function setupTest() |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 191 <rect id="rect7" x="130" y="100" width="10" height="10"/> | 191 <rect id="rect7" x="130" y="100" width="10" height="10"/> |
| 192 <polyline id="polyline1" points="10,70 60,75 10,80"/> | 192 <polyline id="polyline1" points="10,70 60,75 10,80"/> |
| 193 <text id="text1" x="100" y="60">Example</text> | 193 <text id="text1" x="100" y="60">Example</text> |
| 194 </svg> | 194 </svg> |
| 195 </div> | 195 </div> |
| 196 | 196 |
| 197 <div id="result"></div> | 197 <div id="result"></div> |
| 198 | 198 |
| 199 </body> | 199 </body> |
| 200 </html> | 200 </html> |
| OLD | NEW |