LayoutTests/svg/animations/animateTransform-accumulation.svg

<?xml version="1.0"?>
<svg viewBox="0 0 500 300" onload="loaded()" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
    <path id="fromto" d="M-25,0C120,-40 -80,-60 20,25zM20 10q-10 -10 2 -10"/>
</defs>
<rect x="0" y="0" width="500" height="300" fill="#fff" />

<g fill="none" stroke="#f00" stroke-width="10">
    <use xlink:href="#fromto" x="40" y="50" stroke="#800">
        <animateMotion values="10,70;30,40" begin="0s" dur="1s"/>
        <animateMotion values="40,110;60,80" begin="1s" dur="1s"/>
        <animateMotion values="70,150;90,120" begin="2s" dur="1s" fill="freeze"/>
    </use>

    <use xlink:href="#fromto" x="40" y="50" stroke="#88f">
        <animateTransform attributeName="transform" type="translate" from="10,70"  to="30,40" begin="0s" dur="1s" repeatCount="3" additive="sum" accumulate="sum" fill="freeze"/>
    </use>
</g>
<script>
if (window.testRunner)
    testRunner.waitUntilDone();

function loaded() {
    document.documentElement.setCurrentTime(4);
    if (window.testRunner)
        testRunner.notifyDone();
}
</script>
</svg>