michael@0: <?xml version="1.0"?>
michael@0: 
michael@0: <svg xmlns="http://www.w3.org/2000/svg" 
michael@0:      xmlns:html="http://www.w3.org/1999/xhtml" height="500" 
michael@0:      xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
michael@0:      onload="document.documentElement.getBoundingClientRect();
michael@0: 	     document.getElementById('x').textContent = 'New text'">
michael@0: 
michael@0:   <foreignObject x="200" y="180" width="100" height="50" >
michael@0:     <html:button id="x">Old long long long text</html:button>
michael@0:   </foreignObject>
michael@0: 
michael@0:   <g transform="rotate(10) translate(-100) scale(0.8)">
michael@0:     <polygon style="fill:red; fill-opacity:0.5;"
michael@0: 	  points="350, 75 379,161 469,161 397,215
michael@0: 	  423,301 350,250 277,301 303,215
michael@0:                      231,161 321,161" />
michael@0: 	
michael@0:   </g>
michael@0: 
michael@0: </svg>