以文本方式查看主题

-  计算机科学论坛  (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=19165)


--  作者:hanqing_10
--  发布时间:6/2/2005 8:25:00 PM

--  水滴效果如何实现循环?
<?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 id="svg" width="300" height="300">
<defs id="defs">
  <radialGradient id="radialGradient" gradientTransform="matrix(1 0 0 1 -0.21 -0.24)">
   <stop stop-color="rgb(255,255,255)" stop-opacity="1" offset="0.01" id="stop" />
   <stop stop-color="rgb(253,32,0)" stop-opacity="1" offset="0.71" id="stop1" />
  </radialGradient>
  <radialGradient id="radialGradient1" gradientTransform="matrix(0.28 0 0 0.28 0.36 0.36)">
   <stop stop-color="rgb(255,255,255)" stop-opacity="1" offset="0.01" id="stop2" />
   <stop stop-color="rgb(0,204,255)" stop-opacity="1" offset="0.96" id="stop3" />
   <animateTransform attributeName="gradientTransform" type="translate" to="0.5 0.5" from="0.5 0.5" begin="1.5s" dur="1s" fill="freeze" additive="sum" id="animateTransform1" />
   <animateTransform attributeName="gradientTransform" type="scale" to="3.560864 3.560864" from="1 1" begin="1.5s" dur="1s" fill="freeze" additive="sum" id="animateTransform2" />
   <animateTransform attributeName="gradientTransform" type="translate" to="-0.5 -0.5" from="-0.5 -0.5" begin="1.5s" dur="1s" fill="freeze" additive="sum" id="animateTransform3" />
  </radialGradient>
</defs>
<rect style="fill:rgb(0,204,255);fill-opacity:1;stroke:rgb(0,0,0);stroke-opacity:1;" x="-1" width="300" height="300" id="rect" />
<ellipse style="fill:url(#radialGradient1);fill-opacity:1;stroke:none;stroke-opacity:0;" cx="134" cy="172" rx="311" ry="53" id="ellipse" visibility="hidden" transform="matrix(1,0,0,0.49,0,87.69)">
  <animate attributeName="opacity" begin="2s" dur="1.1s" to="0" from="1" fill="freeze" id="animate" />
  <set attributeName="visibility" to="visible" begin="1.5s" dur="0s" fill="freeze" id="set1" /></ellipse>
<circle style="fill:url(#radialGradient);fill-opacity:1;stroke:rgb(0,0,0);stroke-opacity:1;" cx="130.5" cy="18.5" r="13.5" id="circle">
  <animateTransform attributeName="transform" type="translate" to="3 153" from="0 0" begin="0s" dur="1.5s" fill="freeze" additive="sum" id="animateTransform" />
  <set attributeName="visibility" to="hidden" begin="1.5s" dur="0s" fill="freeze" id="set" />
</circle>
</svg>

--  作者:hanqing_10
--  发布时间:6/2/2005 8:26:00 PM

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