third_party/WebKit/LayoutTests/svg/clip-path/clip-in-mask.svg

   1 <svg xmlns="http://www.w3.org/2000/svg">
   2 <defs>
   3     <clipPath id="clip" 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         <circle cx="1" cy="1" r="0.5" />
   8     </clipPath>
   9
  10     <mask id="mask1" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
  11         <rect x="0" y="0" width="1" height="1" fill="white"/>
  12         <rect x="0" y="0" width="1" height="1" fill="black" clip-path="url(#clip)" />
  13     </mask>
  14
  15     <mask id="mask2" x="0" y="0" width="1" height="1" maskContentUnits="objectBoundingBox">
  16         <rect x="0" y="0" width="1" height="1" fill="white" clip-path="url(#clip)" />
  17     </mask>
  18 </defs>
  19
  20 <circle cx="50" cy="50" r="50" fill="black" mask="url(#mask1)" />
  21 <circle cx="150" cy="150" r="50" fill="black" mask="url(#mask2)" />
  22 </svg>