console
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
.k1 {
x:100px;
y:100px;
fill:blue;
stroke:black;
stroke-width:5px;
stroke-dasharray:0 200 100 0;
animation:zhuan 5s ;
}
/* .k2 {
width: 100px;
height: 100px;
x:100px;
y:100px;
fill:blue;
stroke:black;
stroke-width:5px;
stroke-dasharray:0 200 100 0;
} */
/* @Keyframes zhuan{
0%,100%{
stroke-dasharray:30px
}
50%{
stroke-dasharray:500px
} */
/* } */
/* animation: myframe 10 10s ease-in-out 2s ; */
/* @Keyframes myframe {
10% {
fill: red;
rx: 10px;
}
25% {
fill: orange;
rx: 20px;
}
50% {
fill: yellow;
rx: 30px;
}
75% {
fill: green;
rx: 40px;
}
90% {
fill: blue;
rx: 50px;
} */
</style>
</head>
<body>
<svg width="1000px" height="1000px">
<!-- <rect class="k1">
<set attributeName="class" to="k1" begin="mouseover"/>
<set attributeName="class" to="k2" begin="mouseout"/>
</rect> -->
<text class="k1" > DDDDDDD</text>
</svg>
</body>
</html>