svg 动画的开始和停止
svg 动画的开始和停止代码:
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
<!ATTLIST svg xmlns:xlink CDATA #FIXED "http://www.w3.org/1999/xlink">
]>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
onload="Init(evt)">
<title>SVG - Learning By Coding</title>
<desc>SVG-Spezifikation in Beispielen</desc>
<defs>
<style type="text/css">
<![CDATA[
*
{
font-family: sans-serif;
font-size: 12px;
}
]]>
</style>
<script type="text/javascript">
<![CDATA[
var svgdoc,ani1;
var animate1 = getSVGDocument().getElementById("animation1");
function Init(load_evt)
{
svgdoc=load_evt.target.ownerDocument;
ani1=svgdoc.getElementById("animation1");
}
function AnimInfo(beginend_evt,txt)
{
var info;
info="[Animation wurde "+txt+".]";
svgdoc.getElementById("infotext").firstChild.data=info;
}
]]>
</script>
</defs>
<circle cx="80" cy="100" r="20" style="fill: #090">