third_party/WebKit/LayoutTests/svg/custom/absolute-root-position-masking.xhtml

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg">
   3 <body style="margin: 0;">
   4 <svg:svg id="svg" width="300" height="300" style="position: absolute; top: 100px; left: 0px;">
   5     <svg:circle cx="300" cy="300" r="100" fill="blue" mask="url(#mask)"/>
   6     <svg:defs>
   7         <svg:pattern id="pattern" width="600" height="600">
   8             <svg:rect fill="white" width="600" height="600" />
   9         </svg:pattern>
  10         <svg:mask id="mask" width="600" height="600">
  11             <svg:rect fill="url(#pattern)" width="600" height="600" />
  12         </svg:mask>
  13     </svg:defs>
  14 </svg:svg>
  15 </body>
  16 </html>