<!DOCTYPE html>
<html>
<head>
<title>标题</title>
</head>
<body>
<svg style="width:5000px;height:5000px">
<!-- <rect width="100px" height="240px" x="100" y="50" rx="10" ry="10"
style="fill:black;"/> -->
<!-- <circle cx="100" cy="100" r="75" style="fill:#B0E1FB;stroke:#0B9EFB;stroke-width:10; fill-opacity:0.9; stroke-opacity:0.9"/> -->
<!-- <circle cx="150" cy="100" r="30" style="fill:red"/>
<circle cx="150" cy="174" r="30" style="fill:#FFCD41"/>
<circle cx="150" cy="248" r="30" style="fill:#17A05E"/>
<ellipse cx="400" cy="190" rx="180" ry="20" style="fill:#7E007E"/>
<ellipse cx="410" cy="170" rx="150" ry="20" style="fill:#00FD00"/>
<!-- <ellipse cx="420" cy="150" rx="120" ry="20" style="fill:#F9FF00"/> -->
<!-- <line x1="100" y1="120" x2="280" y2="120" style="stroke:black; stroke-width:5; stroke-linecap:round"/>
<line x1="280" y1="120" x2="150" y2="280" style="stroke:black; stroke-width:5 ; stroke-linecap:round"/>
<line x1="150" y1="280" x2="180" y2="40" style="stroke:black; stroke-width:5 ; stroke-linecap:round"/>
<line x1="180" y1="40" x2="270" y2="270" style="stroke:black; stroke-width:5 ; stroke-linecap:round"/>
<line x1="270" y1="270" x2="100" y2="120" style="stroke:black; stroke-width:5 ; stroke-linecap:round"/> --> -->
<!-- <polygon points="100,100 200,100 200,200 300,200 300,300 400,300 400,400" style="fill:#F9FF00;"/>
<polygon points="400,170 450,280 320,210 480,210 350,280 s"/>
<text x="250" y="100" style=" fill:black; font-size:50px; stroke:#F9FF00; stroke-width:1;"transform="rotate(45)">文字</text> -->
<text x="100" y="100" style="font-size:50px"><set attributeName="fill" to="red" begin="click"/>213456</text>
<set attributeName="fill" to="#F9FF00" begin="mousemove"/>213456</text>
<set attributeName="fill" to="#A82A07" begin="mouseout"/>213456</text>
<set attributeName="fill" to="#EFE6B9" begin="mouseouy"/>213456</text>
</svg>
</svg>
</svg>
</svg>
</body>
</html>