<!DOCTYPE html><htmlclass="reftest-wait"><title>Switch from one clip-path url() to another with the same bounds</title><linkrel="help"href="http://www.w3.org/TR/css-masking-1/#clipping-paths"><linkrel="help"href="http://www.w3.org/TR/css-masking-1/#the-clip-path"><linkrel="match"href="reference/green-100x100.html"><scriptsrc="/common/reftest-wait.js"></script><svg><clipPathid="circle"><circlecx="50"cy="50"r="50"/></clipPath><clipPathid="rect"><rectwidth="100"height="100"/></clipPath><rectwidth="100"height="100"fill="red"/><rectwidth="100"height="100"fill="green"id="target"clip-path="url(#circle)"/></svg><script>requestAnimationFrame(()=>{requestAnimationFrame(()=>{document.getElementById('target').setAttribute('clip-path','url(#rect)');takeScreenshot();});});</script>