以文本方式查看主题 - 中文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 |