third_party/WebKit/LayoutTests/css3/blending/svg-isolation-add-isolation.html

   1 <!DOCTYPE HTML>
   2 <html>
   3     <script>
   4         if (window.testRunner)
   5             window.testRunner.waitUntilDone();
   6         function addIsolation() {
   7             var isolator = document.getElementById('isolator');
   8             isolator.style.isolation = "isolate";
   9             if (window.testRunner)
  10                 window.testRunner.notifyDone();
  11         }
  12         window.addEventListener('load', function () {
  13             window.setTimeout(addIsolation, 10);
  14         }, false);
  15     </script>
  16     <body>
  17         <p>The test passes if you see a green square.</p>
  18         <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="200px" height="200px">
  19             <g id="isolator">
  20                 <rect x="0" y="0" width="200" height="200" style="fill: green; mix-blend-mode: difference;"/>
  21             </g>
  22         </svg>
  23     </body>
  24 </html>