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

   1 <!DOCTYPE HTML>
   2 <html>
   3     <script>
   4         if (window.testRunner)
   5             window.testRunner.waitUntilDone();
   6         function addIsolation() {
   7             var isolator = document.getElementById('blending');
   8             isolator.style['mix-blend-mode'] = "difference";
   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 style="isolation: isolate">
  20                 <rect id="blending" x="0" y="0" width="200" height="200" style="fill: green;"/>
  21             </g>
  22         </svg>
  23     </body>
  24 </html>