| <!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> |
