55 lines
2.2 KiB
HTML
55 lines
2.2 KiB
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<!-- Test that a script can change the scale of text from very small to something visible -->
|
|
<!-- see: https://bugs.webkit.org/show_bug.cgi?id=75091 -->
|
|
<!-- If this test passes there should be 3 rows and 4 columns of "PASS" -->
|
|
<script src="../../fast/repaint/resources/repaint.js"></script>
|
|
</head>
|
|
<body onload="runRepaintTest()">
|
|
<svg style="position: absolute; top: 0px; left: 0px; width: 500px; height: 200px">
|
|
<g id="text1g" transform="scale(0.001)">
|
|
<text x="0" y="50" font-size="40" fill="#080">
|
|
PASS
|
|
<tspan fill="#080"> PASS</tspan>
|
|
</text>
|
|
<foreignObject x="210" y="13" width="100" height="100">
|
|
<body><p style="font-size: 40px; color: #080;">PASS</p></body>
|
|
</foreignObject>
|
|
<svg x="310" y="13" width="100" height="100">
|
|
<text x="0" y="37" font-size="40" fill="#080">PASS</text>
|
|
</svg>
|
|
</g>
|
|
<g id="text2g" transform="scale(1)">
|
|
<text x="0" y="100" font-size="40" fill="#080">
|
|
PASS
|
|
<tspan fill="#080"> PASS</tspan>
|
|
</text>
|
|
<foreignObject x="210" y="63" width="100" height="100">
|
|
<body><p style="font-size: 40px; color: #080;">PASS</p></body>
|
|
</foreignObject>
|
|
<svg x="310" y="63" width="100" height="100">
|
|
<text x="0" y="37" font-size="40" fill="#080">PASS</text>
|
|
</svg>
|
|
</g>
|
|
<g id="text3g" transform="scale(0.03)">
|
|
<text x="0" y="150" font-size="40" fill="#080">
|
|
PASS
|
|
<tspan fill="#080"> PASS</tspan>
|
|
</text>
|
|
<foreignObject x="210" y="113" width="100" height="100">
|
|
<body><p style="font-size: 40px; color: #080;">PASS</p></body>
|
|
</foreignObject>
|
|
<svg x="310" y="113" width="100" height="100">
|
|
<text x="0" y="37" font-size="40" fill="#080">PASS</text>
|
|
</svg>
|
|
</g>
|
|
</svg>
|
|
<script>
|
|
function repaintTest() {
|
|
document.getElementById("text1g").setAttribute('transform', 'scale(1)');
|
|
document.getElementById("text2g").setAttribute('transform', 'scale(1)');
|
|
document.getElementById("text3g").setAttribute('transform', 'scale(1)');
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |