src/third_party/WebKit/LayoutTests/compositing/images/direct-image-clip-path.html

   1 <!DOCTYPE html>
   2 <html>
   3 <style>
   4   .composited {
   5     transform: translateZ(0);
   6     -webkit-clip-path: circle(45%);
   7   }
   8 </style>
   9
  10 <!-- There should be a green circle on this page -->
  11 <body>
  12   <img class="composited" onload="load(this)" src="../../fast/images/resources/green-256x256.jpg">
  13 </body>
  14
  15 <script>
  16 function load(element) {
  17   setTimeout(done, 0);
  18 }
  19
  20 function done() {
  21   if (window.testRunner)
  22     testRunner.notifyDone();
  23 }
  24
  25 if (window.testRunner) {
  26   testRunner.dumpAsTextWithPixelResults();
  27   testRunner.waitUntilDone();
  28 }
  29 </script>
  30 </html>