Chromium Code Reviews Chromium Code Reviews
Issue 2227463002:
SVG: Use path attribute for animateMotion (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master| Index: third_party/WebKit/LayoutTests/svg/animations/animateMotion_changingPath.html |
| diff --git a/third_party/WebKit/LayoutTests/svg/animations/animateMotion_changingPath.html b/third_party/WebKit/LayoutTests/svg/animations/animateMotion_changingPath.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f1671cd97736cb6d17eb6fa9bc08c2ad7aa36542 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/svg/animations/animateMotion_changingPath.html |
| @@ -0,0 +1,28 @@ |
| +<!DOCTYPE html> |
| +<script src="../../resources/run-after-layout-and-paint.js"></script> |
| +<style> |
| +#track { |
| + d: path('M20,100 H180'); |
| + stroke: blue; |
| +} |
| +</style> |
| +<svg id="svgRoot" width="200" height="200"> |
| + |
| + <path id="track" d="M20,20 H180"/> |
| + |
| + <circle r="10" cx="0" cy="0" fill="green"> |
| + <animateMotion dur="5s" fill="freeze"> |
| + <mpath xlink:href="#track"/> |
| + </animateMotion> |
| + </circle> |
| +</svg> |
| +<script> |
| +'use strict'; |
| +if (window.testRunner) |
| + testRunner.waitUntilDone(); |
|
fs
2016/08/10 15:32:16
Nit: Not needed (done by the 'true' second argumen
Eric Willigers
2016/08/10 23:58:24
Done.
|
| + |
| +runAfterLayoutAndPaint(function() { |
| + document.getElementById('track').setAttribute('d', 'M100,20 V180'); |
| + document.getElementById('svgRoot').setCurrentTime(5); |
| +}, true); |
| +</script> |
