overflow-svg-root.html | Explore in Territory

<!doctype html>
<style>
div {
    height:100px; width:100px;
}

svg { overflow:visible }

#clip1 {clip: rect(-10px,-10px,-10px,-10px)}
#clip2 {clip: auto}
</style>
<div><svg height="100" width="100" viewbox="0 0 100 100">
  <path d="M210 10 L90 10 L90 90" fill="blue"/>
</svg></div>

<div><svg id="clip1" height="100" width="100" viewbox="0 0 100 100">
  <path d="M210 10 L90 10 L90 90" fill="blue"/>
</svg></div>

<div><svg id="clip2" height="100" width="100" viewbox="0 0 100 100">
  <path d="M210 10 L90 10 L90 90" fill="blue"/>
</svg></div>

chromium/third_party/blink/web_tests/svg/in-html/overflow-svg-root.html