console
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>菜鸡</h1>
<P>2020/8/22</P>
<svg
width='800px' height='2000px'
viewbox='0 0 200 500'
style="background:white">
<g id=a1>
<rect x='5' y='-5' width='10' height='5' fill='black'
style="transform-box:fill-box;transform-origin:center"
transform='scale(2)rotate(60)'/>
<rect x='10' y='5' width='30' height='10' fill='red' stroke='black' stroke-width='0.1'/>
<polygon points='10,50 20,80, 30,50 20,40' fill='yellow' stroke='black' stroke-dasharray='1 2 1'/>
<circle cx='60' cy='50' r='10' fill='blue' stroke='black' stroke-dasharray='2'/>
<ellipse id='x' cx='50' cy='50' rx='20' ry='10' fill='orange'/>
<line x1='60' y1='10' x2='90' y2='10' stroke='green' stroke-width='0.5'/>
</g>
<polyline points='30,60 40,50 50,60 60,50' stroke='pink' stroke-width='3' fill='transparent'/>
<text x='10' y='30' font-size='4' fill='brown'>冲鸭!!!</text>
</svg>
<style>
#x{animation:move 1.5s infinite alternate;}
@keyframes move{100%{transform:scale(1.2);fill:red;}
</style>
</body>
</html>