Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<html class="reftest-wait">
<head>
<script type="text/javascript">
window.addEventListener("MozReftestInvalidate", function() {
window.requestAnimationFrame(function() {
var circleElm = document.getElementById("green_circle");
circleElm.setAttribute("clip-path", "url(#quarter)");
window.requestAnimationFrame(function() {
document.documentElement.removeAttribute('class');
});
});
});
</script>
</head>
<body>
<svg width="200" height="200" id="root">
<defs>
<clipPath id="quarter">
<rect x="0" y="0" width="50" height="50"/>
</clipPath>
</defs>
<circle cx="50" cy="50" r="40" fill="green" id="green_circle"/>
<rect x="150" y="150" width="10" height="10" fill="red"/>
</svg>
</body>
</html>