| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| body { |
| font-size : 16px; |
| font-family : "Times New Roman"; |
| zoom: 2; |
| } |
| rect { |
| fill : green; |
| stroke: green; |
| } |
| text { |
| fill : red; |
| } |
| .geometricPrecision { |
| fill : red; |
| text-rendering: geometricPrecision; |
| } |
| </style> |
| </head> |
| <body> |
| crbug.com/245996: Text should zoom like geometry.<br/> |
| This test passes if there is no red.<br/> |
| <svg version="1.1" width="32px" height="32px"> |
| <text x="10" y="22">F</text> |
| <rect x="10" y="10" width="12" height="12"/> |
| </svg> |
| <svg version="1.1" width="2em" height="2em"> |
| <text x="10" y="22">A</text> |
| <rect x="10" y="10" width="12" height="12"/> |
| </svg> |
| <svg version="1.1" width="2em" height="2em" viewbox="0 0 32 32"> |
| <text x="10" y="22">I</text> |
| <rect x="10" y="10" width="12" height="12"/> |
| </svg> |
| <svg version="1.1" width="32px" height="32px"> |
| <text class="geometricPrecision" x="10" y="22">L</text> |
| <rect x="10" y="10" width="12" height="12"/> |
| </svg> |
| <svg version="1.1" width="2em" height="2em"> |
| <text class="geometricPrecision" x="10" y="22">F</text> |
| <rect x="10" y="10" width="12" height="12"/> |
| </svg> |
| <svg version="1.1" width="2em" height="2em" viewbox="0 0 32 32"> |
| <text class="geometricPrecision" x="10" y="22">F</text> |
| <rect x="10" y="10" width="12" height="12"/> |
| </svg> |
| </body> |
| </html> |