<?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>
[返回] 计算机科学论坛 →
XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 水滴效果如何实现循环？
(订阅本版)
2005/6/2 20:25:00
新浪微博
水滴效果如何实现循环？
