third_party/WebKit/LayoutTests/svg/clip-path/nested-clip-in-mask-path-and-image-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         <circle cx="0" cy="1" r="0.5"/>
   6         <circle cx="1" cy="0" r="0.5"/>
   7     </clipPath>
   8
   9     <clipPath id="clip2" clipPathUnits="objectBoundingBox">
  10         <circle cx="1" cy="1" r="0.5"/>
  11     </clipPath>
  12
  13     <clipPath id="clip" clipPathUnits="objectBoundingBox">
  14         <rect x="0" y="0" width="1" height="1" clip-path="url(#clip1)"/>
  15         <rect x="0" y="0" width="1" height="1" clip-path="url(#clip2)"/>
  16     </clipPath>
  17
  18     <mask id="mask1" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
  19         <rect x="0" y="0" width="1" height="1" fill="white"/>
  20         <rect x="0" y="0" width="1" height="1" fill="black" clip-path="url(#clip)" />
  21     </mask>
  22
  23     <mask id="mask2" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
  24         <rect x="0" y="0" width="1" height="1" fill="white" clip-path="url(#clip)" />
  25     </mask>
  26 </defs>
  27
  28 <circle cx="50" cy="50" r="50" fill="black" mask="url(#mask1)" />
  29 <circle cx="150" cy="150" r="50" fill="black" mask="url(#mask2)" />
  30 </svg>