src/third_party/WebKit/LayoutTests/svg/animations/animate-viewport-overflow.html

   1 <!doctype html>
   2 <head>
   3         <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/javascript"></script>
   4         <script>
   5         function repaintTest() {
   6                 var svg = document.getElementById("svg");
   7                 svg.pauseAnimations();
   8                 svg.setCurrentTime(5);
   9         }
  10         </script>
  11         <style>
  12                 div {
  13                         height:100px; width:100px;
  14                 }
  15                 svg { overflow: visible; }
  16         </style>
  17 </head>
  18 <body onload="runRepaintAndPixelTest()">
  19         <div>
  20                 <svg id="svg" height="100" width="100" viewbox="0 0 100 100">
  21                         <rect y="200" width="100" height="100" fill="red">
  22                                 <animate attributeName="fill" to="green" dur="1s" begin="1s" fill="freeze"/>
  23                         </rect>
  24                 </svg>
  25         </div>
  26         <div></div>
  27 </body>