1<svg xmlns="http://www.w3.org/2000/svg" 2 xmlns:xlink="http://www.w3.org/1999/xlink" 3 xmlns:xhtml="http://www.w3.org/1999/xhtml"> 4 5 <text x="0" y="15">There should be only one animated image here, rotated, and not clipped:</text> 6 <g transform="rotate(45,100,250)" > 7 <rect fill="yellow" stroke="#000000" stroke-width="2" x="60" y="60" width="170" height="170" /> 8 <foreignObject x="70" y="70" width="150" height="150" > 9 <xhtml:img src="resources/3dolph.gif" width="150" height="150" /> 10 </foreignObject> 11 </g> 12 <text x="0" y="400">The animated image below should look like the one above:</text> 13 <g transform="translate(0, 400) rotate(45,100,250)" > 14 <rect fill="yellow" stroke="#000000" stroke-width="2" x="60" y="60" width="170" height="170" /> 15 <image xlink:href="resources/3dolph.gif" x="60" y="60" width="170" height="170" /> 16 </g> 17</svg> 18
