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">
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" />
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" />