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