| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <!-- Test that a script can change the scale of an svg viewbox and text will be rescaled properly --> |
| <!-- see: https://bugs.webkit.org/show_bug.cgi?id=75091 --> |
| <!-- If this test passes there should be 2 rows and 2 columns "PASS" --> |
| <script src="../../fast/repaint/resources/repaint.js"></script> |
| </head> |
| <body onload="runRepaintTest()"> |
| <svg style="position: absolute; top: 0px; left: 0px; width: 200px; height: 200px"> |
| <svg id="inner1" viewbox="0 0 100 100"> |
| <text x="0.3" y="0.3" font-size="0.1" fill="#080"> |
| PASS |
| <tspan fill="#080"> PASS</tspan> |
| </text> |
| </svg> |
| <svg id="inner2" y="100" viewbox="0 0 1 1"> |
| <text x="0.3" y="0.3" font-size="0.1" fill="#080"> |
| PASS |
| <tspan fill="#080"> PASS</tspan> |
| </text> |
| </svg> |
| </svg> |
| <script> |
| function repaintTest() { |
| document.getElementById("inner1").setAttribute('viewBox', '0 0 1 1'); |
| document.getElementById("inner2").setAttribute('viewBox', '0 0 1 1'); |
| } |
| </script> |
| </body> |
| </html> |
