以文本方式查看主题

-  中文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=10630)


--  作者:卷积内核
--  发布时间:9/27/2004 11:24:00 AM

--  水滴效果图
<?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>

--  作者:卷积内核
--  发布时间:9/27/2004 12:10:00 PM

--  
可以根据前面的例子加入循环,这些全凭各位的创意和构思了
--  作者:SCYANGYU
--  发布时间:2/18/2005 2:15:00 PM

--  
经典!

谢谢分享!


--  作者:flywithwind
--  发布时间:4/7/2005 4:19:00 PM

--  
楼主好,我是刚学习SVG,请问我该如何浏览SVG图形啊>
谢谢

--  作者:mi9
--  发布时间:4/7/2005 6:06:00 PM

--  
安装svgview3.0
直接用ie打开.svg文件就可以了
--  作者:mi9
--  发布时间:4/7/2005 6:07:00 PM

--  
强的,收藏先
--  作者:_phoenix
--  发布时间:4/12/2005 10:29:00 PM

--  
好玩啊.
--  作者:henrybenben
--  发布时间:4/13/2005 9:47:00 PM

--  
还不错啊!可以修改一下让球变成水滴状:)
--  作者:zzzzzz2
--  发布时间:5/11/2005 1:10:00 PM

--  
好强啊~~~
这个都能够做出来!!!
--  作者:hanqing_10
--  发布时间:5/13/2005 9:20:00 AM

--  
你是怎么做出来的?
--  作者:hanqing_10
--  发布时间:5/13/2005 11:11:00 AM

--  
有没有地图符号的例子,
我想看下,谢谢!
--  作者:weiwei530530
--  发布时间:5/19/2005 10:19:00 PM

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