third_party/WebKit/LayoutTests/svg/custom/clamped-masking-clipping.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" width="10000" height="400">
   2   <!-- test for https://bugs.webkit.org/show_bug.cgi?id=95197 -->
   3   <defs>
   4     <mask id="mask">
   5       <!-- forcing a repaintRect offset -->
   6       <rect x="100" width="1" height="1" fill="black"/>
   7       <rect x="200" width="8092" height="100" fill="white"/>
   8     </mask>
   9
  10     <clipPath id="clip1">
  11       <!-- forcing clipping via masking -->
  12       <path d="M 0 0 V 100 H 10000 V 0 Z"/>
  13     </clipPath>
  14
  15     <clipPath id="clip2" clip-path="url(#clip1)">
  16       <path d="M 100 0 H 200 V 200 H 8292 V 0 Z"/>
  17     </clipPath>
  18
  19     <mask id="crop">
  20       <rect width="300" height="100" fill="white"/>
  21     </mask>
  22   </defs>
  23
  24   <g mask="url(#crop)" transform="translate(-100, 0)">
  25     <rect width="10000" height="400" fill="red" mask="url(#mask)"/>
  26     <rect x="199" width="101" height="100" fill="green"/>
  27   </g>
  28
  29   <g mask="url(#crop)" transform="translate(100, 0)">
  30     <rect width="10000" height="400" fill="red" clip-path="url(#clip2)"/>
  31     <rect x="199" width="101" height="100" fill="green"/>
  32   </g>
  33 </svg>