blob: e06255b315489d2753198ff494996c5473302f96 [file] [log] [blame]
<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
<defs>
<rect x='50' y='150' width='50' height='50' id="rect" fill='none' clip-path='url(#clipPath_1)'/>
</defs>
<clipPath id='clipPath_0'>
<rect x='50' width='50' height='50' clip-path='url(#clipPath_0)'/>
</clipPath>
<clipPath id='clipPath_1'>
<use xlink:href="#rect"/>
</clipPath>
<!--
Spec: clip-path: If the IRI reference is not valid (e.g it points to an object that doesn't exist or the object
is not a ‘clipPath’ element) the ‘clip-path’ property must be treated as if it hadn't been specified.
-->
<rect x='50' width='100' height='100' fill='blue'/>
<rect x='50' width='100' height='100' fill='green' clip-path='url(#clipPath_0)'/>
<rect x='50' y='150' width='100' height='100' fill='blue'/>
<rect x='50' y='150' width='100' height='100' fill='green' clip-path='url(#clipPath_1)'/>
</svg>