<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<svg style="width:1000px;height:1000px;">
<!-- <rect width="100px" height="100px" style="fill:red;stroke:green; x="100
"; y="10"; stroke-width:10;rx="20" ry="10";fill-opacity:0.1;storke-opacity:0.9"/>
<circle cx="50" cy="50" r="50" x="50" y="60" style="fill:#aa2345; "/> -->
<!-- <rect width="100px" height="300px" style=" rx="20" ry="20" x="10" y="10" ;/>
"/> circle -->
<!-- <ellipse cx="100" cy="110" rx="110" ry="20" style="fill:blue"/>
<ellipse cx="100" cy="100" rx="100" ry="10"style="fill:red" /> -->
<!-- <line x1="10" y1="10" x2="30" y2="30" style="stroke:red;stroke-width:20;"/> -->
<!-- <polygon points="20,20 40,40 20,50" style="fill:none;stroke:black;"/>
<polyline points="50,50 70,70 50,100"> -->
<!-- <polyline points="10,10 20,10 20,20"/> -->
<!-- <polygon points="150,40 135,90 180,60 120,60 165,90 " style="fill:red"> -->
<!-- <text x="100" y="100"style="fill:green;stroke:skyblue;font-size:100px">伊莉雅赛高
<text/> -->
<!-- <rect width="100" height="20" x="100" y="100" transform="scale(3)" transform-origin="center" />
-->
<rect width="100" height="100">
<set attributename="fill" to="red" begin="click"/>
<set attributename="fill" to="green" begin="mouseover"/>
<set attributename="fill" to="pink" begin="click"/>
</rect>
</svg>
</body>
</html>