third_party/WebKit/LayoutTests/svg/foreignObject/mask.html

   1 <html>
   2 <body style="margin: 0;">
   3 <svg xmlns="http://www.w3.org/2000/svg">
   4 <!-- The FO should be masked, with only the green half visible. -->
   5 <defs>
   6 <mask id="mask">
   7     <rect width="200" height="50" style="fill: #fff"/>
   8 </mask>
   9 </defs>
  10 <foreignObject width="200" height="100" mask="url(#mask)" opacity=".5">
  11     <html xmlns="http://www.w3.org/1999/xhtml">
  12     <body>
  13         <div style="background: green; height: 50px;"></div>
  14         <div style="background: red; height: 50px;"></div>
  15     </body>
  16     </html>
  17 </foreignObject>
  18 </svg>
  19 </body>
  20 </html>