以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  颜色变换的问题,无法解决,请教!  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=18541)


--  作者:hanqing_10
--  发布时间:5/19/2005 7:30:00 PM

--  颜色变换的问题,无法解决,请教!
一个红绿灯的符号:
我想要的功能是红色,黄色,绿色能在规定的时间内交互亮,就象现实中的
一样,但是我发现把那个元素放到任何地方,颜色变化的却是红绿灯的框框。
简直又好笑,又好气,请教各位大虾。


代码:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="10cm" height="6cm" viewBox="0 0 1000 600">
<rect x="500" y="300" width="200" height="60" rx="30" ry="20" />
<circle cx="540" cy="330" r="25" fill="red" />
<animate attributeName="fill" begin="1s" dur="5s"
  values="red;yellow;green;" repeatCount="indefinite"/>                  
<circle cx="600" cy="330" r="25"  fill="yellow"/>
<circle cx="660" cy="330" r="25"  fill="green"/>
</svg>


--  作者:fubinkun
--  发布时间:5/20/2005 3:54:00 PM

--  
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="10cm" height="6cm" viewBox="0 0 1000 600">
<circle cx="540" cy="330" r="25" fill="red" >
<animate attributeName="fill" begin="1s" dur="3s"
  values="red;yellow;green;" repeatCount="indefinite"/>  
  </circle>               
</svg>
稍微变换了下 很粗糟
--  作者:fubinkun
--  发布时间:5/20/2005 3:54:00 PM

--  
晕  看错你的要求了
--  作者:fubinkun
--  发布时间:5/20/2005 4:15:00 PM

--  
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="10cm" height="6cm" viewBox="0 0 1000 600">
<rect x="500" y="300" width="200" height="60" rx="30" ry="20" />     
<circle cx="540" cy="330" r="25" fill="red" ><animate attributeName="fill" begin="1s" dur="3s"
  values="red;" repeatCount="indefinite"/>  </circle>
<circle cx="600" cy="330" r="25"  fill="yellow"> <animate attributeName="fill" begin="2s" dur="3s"
  values="yellow;" repeatCount="indefinite"/>  </circle>   
<circle cx="660" cy="330" r="25"  fill="green"> <animate attributeName="fill" begin="3s" dur="3s"
  values="green;" repeatCount="indefinite"/>  </circle>   
</svg>
不知道这样可以么,我也是刚刚学的
--  作者:hanqing_10
--  发布时间:5/23/2005 8:52:00 AM

--  
真的可以了,多谢,多谢!

W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
46.875ms