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

Unified Diff: LayoutTests/svg/animations/animateMotion-accumulate-2b.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-2b.svg
diff --git a/LayoutTests/svg/animations/animateMotion-accumulate-2b.svg b/LayoutTests/svg/animations/animateMotion-accumulate-2b.svg
new file mode 100755
index 0000000000000000000000000000000000000000..c6218f90204939a712e6e66d4987a9c90f1221ff
--- /dev/null
+++ b/LayoutTests/svg/animations/animateMotion-accumulate-2b.svg
@@ -0,0 +1,77 @@
+<?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(40,-20) scale(0.45)">
+ <g>
+ <circle cx="0" cy="0" r="70" fill="#f00">
+ <animateMotion
+ dur="4s"
+ path="M100,100c0,200 200,200 200,0"
+ repeatDur="12s"
+ accumulate="sum"
+ fill="freeze" />
+ </circle>
+ <circle cx="0" cy="0" r="60"
+ stroke="#00f" stroke-width="21"
+ fill="#f00">
+ <animateMotion
+ dur="4s"
+ path="M100,100c0,200 200,200 200,0"
+ repeatDur="12s"
+ accumulate="sum"
+ rotate="auto"
+ fill="freeze" />
+ </circle>
+ <circle cx="0" cy="0" r="40"
+ stroke="#00f" stroke-width="21"
+ fill="#f00">
+ <animateMotion
+ dur="4s"
+ path="M100,100c0,200 200,200 200,0"
+ repeatDur="12s"
+ accumulate="sum"
+ rotate="auto-reverse"
+ fill="freeze" />
+ </circle>
+ <circle cx="0" cy="0" r="20"
+ stroke="#00f" stroke-width="21"
+ fill="#f00">
+ <animateMotion
+ dur="4s"
+ path="M100,100c0,200 200,200 200,0"
+ repeatDur="12s"
+ accumulate="sum"
+ rotate="60"
+ fill="freeze" />
+ </circle>
+ </g>
+
+ <g fill="none" stroke-width="20"
+ stroke="#888" stroke-linecap="round" stroke-linejoin="round">
+ <path d="M100,100c0,200 200,200 200,0">
+ <set attributeName="display" to="none" begin="4s" />
+ </path>
+ <path d="M400,200c0,200 200,200 200,0">
+ <set attributeName="display" to="none" begin="8s" />
+ </path>
+ <path d="M700,300c0,200 200,200 200,0" />
+ </g>
+ </g>
+ </g>
+ <script>
+ if (window.testRunner)
+ testRunner.waitUntilDone();
+
+ function loaded() {
+ document.documentElement.setCurrentTime(12);
+
+ if (window.testRunner)
+ testRunner.notifyDone();
+ }
+ </script>
+</svg>

Powered by Google App Engine
This is Rietveld 408576698