src/third_party/WebKit/LayoutTests/svg/filters/feSpotLight-primitiveUnits-objectBoundingBox-animated.html

   1 <!DOCTYPE html>
   2 <script src="../../resources/run-after-display.js"></script>
   3 <script>
   4 if (window.testRunner)
   5   testRunner.waitUntilDone();
   6
   7 window.onload = function() {
   8   // Wait for a frame, then trigger animation.
   9   runAfterDisplay(function() {
  10     document.querySelector('set').beginElement();
  11     if (window.testRunner)
  12       runAfterDisplay(function() { testRunner.notifyDone(); });
  13   });
  14 };
  15 </script>
  16 <svg>
  17   <filter id="f" primitiveUnits="objectBoundingBox" x="0" y="0" width="1" height="1">
  18     <feDiffuseLighting lighting-color="green">
  19       <feSpotLight x="0.5" y="0.5" z="-0.5" pointsAtX="0.5" pointsAtY="0.5" pointsAtZ="0">
  20         <set attributeName="z" to="10" begin="indefinite"/>
  21       </feSpotLight>
  22     </feDiffuseLighting>
  23   </filter>
  24   <rect width="100" height="100" fill="red" filter="url(#f)"/>
  25 </svg>