blob: 7962728e3dc33331b71e1bc0480e0120db0f7071 [file] [log] [blame]
<html xmlns="">
<title>foreignObject can be transformed</title>
<style type="text/css">
p, div { color: navy; margin: 0; }
.test { fill: #EEEEEE; font-size: 10px; }
.control { width: 400px; height: 120px; background: #EEEEEE; font-size: 100px; }
<p>The word "TEST " should appear twice below, the same size each time.</p>
<svg xmlns="" width="400" height="120" class="test">
<rect x="0" y="0" width="60" height="12" transform="scale(10)"/>
<foreignObject x="0" y="0" width="60" height="10" transform="scale(10)">
<div xmlns=""> TEST </div>
<div class="control">TEST</div>