| <!DOCTYPE html> |
| <html> |
| <style> |
| body { |
| font-family: Ahem; |
| } |
| </style> |
| <body> |
| <h1>Enforce non-integer SVG location</h1> |
| <svg width="100" height="100" style="overflow: visible; display: inline;"> |
| <rect x="0" y="0" width="100" height="100" fill="green"/> |
| </svg> |
| <h1>Effect of overflow</h1> |
| <svg width="100" height="100" style="overflow: hidden; display: inline;"> |
| <rect x="0" y="0" width="100" height="100" fill="green"/> |
| </svg> |
| <h1>With transformation</h1> |
| <svg width="50" height="50" style="overflow: visible; transform: scale(2); transform-origin: 0 0; display: inline;"> |
| <rect x="0" y="0" width="50" height="50" fill="green"/> |
| </svg> |
| </body> |
| </html> |
