third_party/WebKit/LayoutTests/svg/clip-path/clip-path-childs-clipped.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   2 <defs>
   3     <path id="star" d="m 100,0 60,170 -160,-110 200,0 -170,110 z" transform="translate(40,40)"/>
   4     <clipPath id="clipClip">
   5         <use xlink:href="#star" clip-rule="evenodd"/>
   6     </clipPath>
   7     <clipPath id="clipClip2">
   8         <circle cx="138" cy="130" r="50" clip-path="url(#clipClip)"/>
   9     </clipPath>
  10     <clipPath id="clip">
  11         <circle cx="138" cy="130" r="50" clip-path="url(#clipClip)"/>
  12         <use xlink:href="#star" clip-rule="evenodd" transform="translate(20,20)" clip-path="url(#clipClip2)"/>
  13     </clipPath>
  14 </defs>
  15
  16 <rect x="40" y="40" height="300" width="300" style="fill:green;clip-path:url(#clip);"/>
  17 </svg>