一个正方形，边是红色的，里面有4个三角形，2个蓝色左边的角上，2个绿色在右边的角上。中间是一个黄色的圆，半径为50.
1. 第3秒的时候，在正方形里。所有的三角形往相反的方向移动，正好移动到圆的里面，正方形的中心位置。同时圆的半径变大为100
2.第6秒的时候，在正方形里。所有三角形继续往相反方向移动到完全相反的位置。同时圆的半径变大为150.
下面是我写的。圆可以变大，但是三角形移动的很不正常。。。。。
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<rect id="rec" x="300" y="100" width="500" height="500" style="fill:white;stroke-width:1;stroke:red"/>
<g>
<circle cx="550" cy="350" r="50" style="fill:yellow">
<animate attributeName="r" from="50" to="100" begin="0s" dur="3s"/>
</circle>
<animate attributeName="r" from="100" to="150" begin="3s" dur="3s"/>
</g>
<g>
<polygon id="up_left" points="300,200 350,100 400,200" style="fill:blue">
<animatMotion path="M0 0 L200 200" begin="0s" dur="3s"/>
</polygon>
<animateMotion path="M0 0 L200 200" begin="3s" dur="3s"/>
</g>
<g>
<polygon id="up_right" points="700,200 750,100 800,200" style="fill:green">
<animatMotion path="M0 0 L-200 200" begin="0s" dur="3s"/>
</polygon>
<animateMotion path="M0 0 L-200 200" begin="3s" dur="3s"/>
</g>
<g>
<polygon id="down_left" points="300,600 350,500 400,600" style="fill:blue">
<animatMotion path="M0 0 L200 -200" begin="0s" dur="3s"/>
</polygon>
<animateMotion path="M0 0 L200 -200" begin="3s" dur="3s"/>
</g>
<g>
<polygon id="down_left" points="700,600 750,500 800,600" style="fill:green">
<animatMotion path="M0 0 L-200 -200" begin="0s" dur="3s"/>
</polygon>
<animateMotion path="M0 0 L-200 -200" begin="3s" dur="3s"/>
</g>
</svg>
[返回] 中文XML论坛 - 专业的XML技术讨论区 →
XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 请各位高手帮忙看一道SVG的题目
(订阅本版)
2009/6/8 23:07:00
顶端 
请各位高手帮忙看一道SVG的题目(1848字) － claireni，2009年6月8日
新浪微博
