OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <title>SVG-in-<img>: Animation resets when all references are removed.</ti
tle> | 2 <title>SVG-in-<img>: Animation resets when all references are removed.</ti
tle> |
3 <div style="width: 100px; height: 100px;"></div> | 3 <div style="width: 100px; height: 100px;"></div> |
4 <script> | 4 <script> |
5 if (window.testRunner) | 5 if (window.testRunner) |
6 testRunner.waitUntilDone(); | 6 testRunner.waitUntilDone(); |
7 var div = document.querySelector('div'); | 7 var div = document.querySelector('div'); |
8 var imgurl = "url('../as-image/resources/animated-rect-color.svg')"; | 8 var imgurl = "url('../as-image/resources/animated-rect-color.svg')"; |
9 div.style.background = imgurl; | 9 div.style.background = imgurl; |
10 setTimeout(function() { | 10 setTimeout(function() { |
11 div.style.background = ""; | 11 div.style.background = ""; |
12 setTimeout(function() { | 12 setTimeout(function() { |
13 div.style.background = imgurl; | 13 div.style.background = imgurl; |
14 setTimeout(function() { | 14 setTimeout(function() { |
15 if (window.testRunner) | 15 if (window.testRunner) |
16 testRunner.notifyDone(); | 16 testRunner.notifyDone(); |
17 }, 10); | 17 }, 10); |
18 }, 0); | 18 }, 1); |
19 }, 100); | 19 }, 100); |
20 </script> | 20 </script> |
21 | 21 |
OLD | NEW |