Chromium Code Reviews Chromium Code Reviews
Issue 1455153003:
Fix animation of 'color' w/ currentColor for SVG 'fill' and 'stroke' (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/svg/repaint/color-fill-currentColor-and-css.html |
| diff --git a/third_party/WebKit/LayoutTests/svg/repaint/color-fill-currentColor-and-css.html b/third_party/WebKit/LayoutTests/svg/repaint/color-fill-currentColor-and-css.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f6bf416c9ad7e28c327b78e9e0da5d6db2227b8a |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/svg/repaint/color-fill-currentColor-and-css.html |
| @@ -0,0 +1,29 @@ |
| +<!DOCTYPE html> |
| +<script src="../../fast/repaint/resources/text-based-repaint.js"></script> |
| +<script> |
| +window.testIsAsync = true; |
| + |
| +function interval() { |
| + if (ani.currentTime >= 10 && ani.currentTime <= 20) { |
| + ani.pause(); |
| + finishRepaintTest(); |
| + } |
| +} |
| + |
| +function repaintTest() { |
| + var circle = document.getElementsByTagName("circle")[0]; |
| + ani = circle.animate([{ color: "blue" }, { color: "cyan"}], { duration: 2000, iterations: 1}); |
| + setInterval(interval, 1); |
|
fs
2015/12/15 15:34:57
Use requestAnimationFrame instead - or maybe runAf
|
| +} |
| +</script> |
| +<style> |
| +circle { |
| + fill: currentColor; |
| + color: blue; |
| +} |
| +</style> |
| +<body onload="runRepaintAndPixelTest()"> |
|
fs
2015/12/15 15:34:57
I would prefer a ref-test if we really need to loo
|
| +<svg xmlns="http://www.w3.org/2000/svg" width=90 height=90> |
| + <circle r="40" cx="40" cy="40" /> |
| +</svg> |
| +</body> |
