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

#svg1 { overflow:hidden }
#svg2 { overflow:scroll }
#svg3 { overflow:visible }

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

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

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