| <?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> |
