<svg xmlns="http://www.w3.org/2000/svg" clip-path="url(#clip1)"> | |
<clipPath id="clip2"> | |
<rect x="25" y="25" width="150" height="150"/> | |
</clipPath> | |
<clipPath id="clip1"> | |
<rect x="50" y="50" width="100" height="100"/> | |
</clipPath> | |
<rect width="200" height="200" fill="green"/> | |
<script> | |
var svg = document.documentElement; | |
svg.setAttribute('clip-path','url(#clip2)'); | |
</script> | |
</svg> |