SOURCE

console 命令行工具 X clear

                    
>
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>