animateMotion-mpath-target-transform-1.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg"

     xmlns:xlink="http://www.w3.org/1999/xlink">

  <title>Test that 'transform' on the &lt;mpath&gt; target has no affect</title>

  <defs>

    <path id="path" d="M0,0 L100,100" transform="translate(100,0)"/>

  </defs>

  <rect width="100%" height="100%" fill="lime"/>

  <rect x="10" y="10" width="100" height="100" fill="red"/>

  <rect x="10" y="10" width="100" height="100" fill="lime">

    <animateMotion dur="indefinite">

      <mpath xlink:href="#path"/>

    </animateMotion>

  </rect>

</svg>