anim-svg-viewBox-03.svg 735 B

12345678910111213141516171819
  1. <svg xmlns="http://www.w3.org/2000/svg"
  2. xmlns:xlink="http://www.w3.org/1999/xlink"
  3. class="reftest-wait"
  4. onload="setTimeAndSnapshot(12, true)">
  5. <title>Test discrete animation of the "viewBox" attribute on the "svg" element</title>
  6. <script xlink:href="smil-util.js" type="text/javascript"/>
  7. <rect width="100%" height="100%" fill="lime"/>
  8. <svg width="200" height="200" viewBox="200 0 150 50">
  9. <animate attributeName="viewBox"
  10. calcMode="discrete"
  11. begin="10s" dur="4s"
  12. values="200 0 150 50; none; 200 0 150 50"
  13. fill="freeze"/>
  14. <rect x="-100" y="-100" width="1000" height="1000" fill="red"/>
  15. <rect width="200" height="200" fill="lime"/>
  16. </svg>
  17. </svg>