<!DOCTYPE html> | |
<svg> | |
<clipPath id="c1"> | |
<rect width="100" height="100"/> | |
</clipPath> | |
<pattern id="p1" width="1" height="1"> | |
<rect width="100" height="100" fill="green"/> | |
<clipPath id="c2" clip-path="url(#c1)"> | |
<rect width="100" height="100"/> | |
</clipPath> | |
</pattern> | |
<rect width="100" height="100" fill="url(#p1)" clip-path="url(#c1)"/> | |
</svg> |