Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(35)

Unified Diff: LayoutTests/svg/animations/animateMotion-accumulate-1c.svg

Issue 18436004: [SVG] animateMotion accumulate doesn't work properly with rotate: auto / auto-reverse (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 7 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/svg/animations/animateMotion-accumulate-1c.svg
diff --git a/LayoutTests/svg/animations/animateMotion-accumulate-1c.svg b/LayoutTests/svg/animations/animateMotion-accumulate-1c.svg
new file mode 100755
index 0000000000000000000000000000000000000000..27e0ff29757c773aba82bf466b891502abd6c094
--- /dev/null
+++ b/LayoutTests/svg/animations/animateMotion-accumulate-1c.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="iso-8859-1" ?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG Tiny 1.1//EN"
+"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
+<svg viewBox="0 0 500 350" onload="loaded()"
+ xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="tiny"
+ xmlns:xlink="http://www.w3.org/1999/xlink">
+ <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18">
+ <rect x="0" y="0" width="480" height="360" fill="#fff" />
+ <g transform="translate(80,-20) scale(0.45)">
+ <g>
+ <circle cx="0" cy="0" r="70" fill="#f00">
+ <animateMotion
+ dur="4s"
+ path="M100,100L100,500 500,500 500,100 100,100"
+ repeatDur="16s"
+ accumulate="sum"
+ fill="freeze" />
+ </circle>
+ <circle cx="0" cy="0" r="60"
+ stroke="#00f" stroke-width="21"
+ fill="#f00">
+ <animateMotion
+ dur="4s"
+ path="M100,100L100,500 500,500 500,100 100,100"
+ repeatDur="16s"
+ accumulate="sum"
+ fill="freeze"
+ rotate="auto" />
+ </circle>
+ <circle cx="0" cy="0" r="40"
+ stroke="#00f" stroke-width="21"
+ fill="#f00">
+ <animateMotion
+ dur="4s"
+ path="M100,100L100,500 500,500 500,100 100,100"
+ repeatDur="16s"
+ accumulate="sum"
+ fill="freeze"
+ rotate="auto-reverse" />
+ </circle>
+ <circle cx="0" cy="0" r="20"
+ stroke="#00f" stroke-width="21"
+ fill="#f00">
+ <animateMotion
+ dur="4s"
+ path="M100,100L100,500 500,500 500,100 100,100"
+ repeatDur="16s"
+ accumulate="sum"
+ fill="freeze"
+ rotate="60" />
+ </circle>
+
+ </g>
+
+ <g fill="none" stroke-width="20"
+ stroke="#888" stroke-linecap="round" stroke-linejoin="round">
+ <rect x="100" y="100" width="400" height="400">
+ <set attributeName="display" to="none" begin="4s" />
+ </rect>
+ <rect x="200" y="200" width="400" height="400">
+ <set attributeName="display" to="none" begin="8s" />
+ </rect>
+ <rect x="300" y="300" width="400" height="400">
+ <set attributeName="display" to="none" begin="12s" />
+ </rect>
+ <rect x="400" y="400" width="400" height="400" />
+ </g>
+ </g>
+ </g>
+ <script>
+ if (window.testRunner)
+ testRunner.waitUntilDone();
+
+ function loaded() {
+ document.documentElement.setCurrentTime(16);
+
+ if (window.testRunner)
+ testRunner.notifyDone();
+ }
+ </script>
+</svg>

Powered by Google App Engine
This is Rietveld 408576698