以文本方式查看主题 - 计算机科学论坛 (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 |