[SVG] animateMotion accumulate doesn't work properly with rotate: auto / auto-reverse

LayoutTests/svg/animations/animateMotion-accumulate-2b-expected.svg

Index: LayoutTests/svg/animations/animateMotion-accumulate-2b-expected.svg
diff --git a/LayoutTests/svg/animations/animateMotion-accumulate-2b-expected.svg b/LayoutTests/svg/animations/animateMotion-accumulate-2b-expected.svg
new file mode 100755
index 0000000000000000000000000000000000000000..3f4ea8f77c2eaa25119c41ecadf3f51ccac8fda0
--- /dev/null
+++ b/LayoutTests/svg/animations/animateMotion-accumulate-2b-expected.svg
@@ -0,0 +1,21 @@
+<?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" 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="900" cy="300" r="70" fill="#f00"/>
+        <circle cx="900" cy="300" r="60" stroke="#00f" stroke-width="21" fill="#f00" />
+        <circle cx="900" cy="300" r="40" stroke="#00f" stroke-width="21" fill="#f00" />
+        <circle cx="900" cy="300" r="20" stroke="#00f" stroke-width="21" fill="#f00" />
+      </g>
+
+      <g fill="none" stroke-width="20" stroke="#888" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M700,300c0,200 200,200 200,0" />
+      </g>
+    </g>
+  </g>
+</svg>