简单教程
提交运行
代码编辑器:
<?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 width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="20" width="90" height="60"> <animateColor id="a1" attributeName="fill" from="red" to="blue" dur="3s"/> </rect> <rect x="10" y="120" width="90" height="60"> <animateColor id="a2" attributeName="fill" from="blue" to="yellow" begin="a1.end" dur="3s"/> </rect> <rect x="10" y="220" width="90" height="60"> <animateColor id="a3" attributeName="fill" from="yellow" to="green" begin="a2.end" dur="3s"/> </rect> </svg>
运行结果: