third_party/WebKit/LayoutTests/svg/clip-path/nested-clip-in-mask-path-based-clipping.svg

   1 <svg xmlns="http://www.w3.org/2000/svg">
   2 <defs>
   3     <clipPath id="clip1" clipPathUnits="objectBoundingBox">
   4         <circle cx="0" cy="0" r="0.5"/>
   5     </clipPath>
   6
   7     <clipPath id="clip2" clipPathUnits="objectBoundingBox">
   8         <circle cx="0" cy="1" r="0.5"/>
   9     </clipPath>
  10
  11     <clipPath id="clip3" clipPathUnits="objectBoundingBox">
  12         <circle cx="1" cy="0" r="0.5"/>
  13     </clipPath>
  14
  15     <clipPath id="clip4" clipPathUnits="objectBoundingBox">
  16         <circle cx="1" cy="1" r="0.5"/>
  17     </clipPath>
  18
  19     <clipPath id="clip" clipPathUnits="objectBoundingBox">
  20         <rect x="0" y="0" width="1" height="1" clip-path="url(#clip1)"/>
  21         <rect x="0" y="0" width="1" height="1" clip-path="url(#clip2)"/>
  22         <rect x="0" y="0" width="1" height="1" clip-path="url(#clip3)"/>
  23         <rect x="0" y="0" width="1" height="1" clip-path="url(#clip4)"/>
  24     </clipPath>
  25
  26     <mask id="mask1" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
  27         <rect x="0" y="0" width="1" height="1" fill="white"/>
  28         <rect x="0" y="0" width="1" height="1" fill="black" clip-path="url(#clip)" />
  29     </mask>
  30
  31     <mask id="mask2" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
  32         <rect x="0" y="0" width="1" height="1" fill="white" clip-path="url(#clip)" />
  33     </mask>
  34 </defs>
  35
  36 <circle cx="50" cy="50" r="50" fill="black" mask="url(#mask1)" />
  37 <circle cx="150" cy="150" r="50" fill="black" mask="url(#mask2)" />
  38 </svg>