1 <html xmlns="http://www.w3.org/1999/xhtml">
3 <title>foreignObject can be styled</title>
4 <style type="text/css">
6 div { text-align: center; }
9 <body onload="runAfterLayoutAndPaint(repaintTest, true);">
10 <p>There should be a blue circle with the word "TEST" in it below.</p>
11 <svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
12 <rect x="0" y="0" width="400" height="400" fill="blue"/>
13 <circle cx="200" cy="200" r="200" fill="navy"/>
14 <foreignObject x="0" y="175" width="400" height="50" color="white" font-size="50">
15 <div xmlns="http://www.w3.org/1999/xhtml"> TEST </div>
19 <script>var zoomCount = 2;</script>
20 <script src="../../../resources/run-after-layout-and-paint.js"></script>
21 <script src="../resources/testTextZoom.js"/>