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