1 <html xmlns="http://www.w3.org/1999/xhtml">
3 <title>foreignObject can be transformed</title>
4 <style type="text/css">
5 p, div { color: navy; margin: 10px 0; }
6 .test { fill: #EEEEEE; font-size: 10px; }
7 .control { width: 400px; height: 120px; background: #EEEEEE; font-size: 100px; }
10 <body onload="runAfterLayoutAndPaint(repaintTest, true);">
11 <p>The word "TEST " should appear twice below, the same size each time.</p>
12 <svg xmlns="http://www.w3.org/2000/svg" width="400" height="120" class="test">
13 <rect x="0" y="0" width="60" height="12" transform="scale(10)"/>
14 <foreignObject x="0" y="0" width="60" height="10" transform="scale(10)">
15 <div xmlns="http://www.w3.org/1999/xhtml"> TEST </div>
18 <div class="control">TEST</div>
20 <script>var zoomCount = 2;</script>
21 <script src="../../../resources/run-after-layout-and-paint.js"></script>
22 <script src="../resources/testTextZoom.js"/>