SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <!-- <svg width="500px" height="500px" viewBox="0 0 100 100"> -->
            <!-- <line x1="0" y1="0" x2="100" y2="0" stroke="green"/>
            <line x1="100" y1="0" x2="100" y2="100" stroke="green"/>
            <line x1="100" y1="100" x2="0" y2="100" stroke="green"/>
            <line x1="0" y1="100" x2="0" y2="0" stroke="green"/> -->

            <!-- <path d="M 0,0 L 100,0 100,100 0,100 0,0" fill="none" stroke="green" stroke-width="1"/>
            
            <path d="M 0,10 H 100" stroke="green" stroke-width="0.2"/>
            <path d="M 0,20 H 100" stroke="green" stroke-width="0.2"/>
            <path d="M 0,30 H 100" stroke="green" stroke-width="0.2"/>
            <path d="M 0,40 H 100" stroke="green" stroke-width="0.2"/>
            <path d="M 0,50 H 100" stroke="green" stroke-width="0.2"/>
            <path d="M 0,60 H 100" stroke="green" stroke-width="0.2"/>
            <path d="M 0,70 H 100" stroke="green" stroke-width="0.2"/>
            <path d="M 0,80 H 100" stroke="green" stroke-width="0.2"/>
            <path d="M 0,90 H 100" stroke="green" stroke-width="0.2"/>
            
            <path d="M 10,0 V 100" stroke="green" stroke-width="0.2"/>
            <path d="M 20,0 V 100" stroke="green" stroke-width="0.2"/>
            <path d="M 30,0 V 100" stroke="green" stroke-width="0.2"/>
            <path d="M 40,0 V 100" stroke="green" stroke-width="0.2"/>
            <path d="M 50,0 V 100" stroke="green" stroke-width="0.2"/>
            <path d="M 60,0 V 100" stroke="green" stroke-width="0.2"/>
            <path d="M 70,0 V 100" stroke="green" stroke-width="0.2"/>
            <path d="M 80,0 V 100" stroke="green" stroke-width="0.2"/>
            <path d="M 90,0 V 100" stroke="green" stroke-width="0.2"/> -->

            <!-- <path d="M 10,20 H 40" stroke="red" stroke-width="1"/>
            <path d="M 40,20 V 10" stroke="red" stroke-width="1"/>
            <path d="M 40,10 L 60,30" stroke="red" stroke-width="1"/>
            <path d="M 60,30 L 40,50" stroke="red" stroke-width="1"/>
            <path d="M 40,50 V 40" stroke="red" stroke-width="1"/>
            <path d="M 40,40 H 10" stroke="red" stroke-width="1"/>
            <path d="M 10,40 V 20" stroke="red" stroke-width="1"/> -->
            
            <!-- <path d="M 10,20 H 40 V 10 L 60,30 L 40,50 V 40 H 10 V 20" fill="red"stroke="black" stroke-width="1"/>
            <path d="M 10,70 l 20,-20 v10 h30 v20 h-30 v10 l-20,-20" fill="skyblue" stroke="blue" stroke-width="1"/> -->
            
            <!-- <path d="M10,10 L90,10 V90 H10 Z" fill="white" stroke="black" stroke-width="0.5"/>
            <path d="M20,20 L80,20 V80 H20 Z" fill="black" stroke="black" stroke-width="0.5"/>
            <circle cx="20" cy="20" r="2" fill="red"/>
            <circle cx="80" cy="20" r="2" fill="red"/>
            <circle cx="20" cy="80" r="2" fill="red"/>
            <circle cx="80" cy="80" r="2" fill="red"/> -->

            <!-- <path d="M10,80 Q50 40 90 80" stroke="black" fill="transparent"/> -->

            <!-- <path d="M10,50 L90,50 L85,45" fill="none" stroke="black" stroke-width="0.5"/>
            <path d="M90,50 L85,55" fill="none" stroke="black" stroke-width="0.5"/>
            <path d="M50,90 L50,10 L45,15" fill="none" stroke="black" stroke-width="0.5"/>
            <path d="M50,10 L55,15" fill="none" stroke="black" stroke-width="0.5"/> -->

            <!-- <path d="M20,50 Q35 10 50 50 T80 50" stroke="black" fill="none"/> -->

            <!-- <path d="M40,50 C35 70,65 70,60 50" fill="none" stroke="black" srtoke-width="0.5"/> -->

        <!-- </svg> -->

        <!-- <svg>
            <defs>
                <g id="shape">
                    <rect x="40" y="40" width="40" height="40"/>
                    <circle cx="40" cy="40" r="40"/>    
                </g>
                <g id="aaa">
                    <circle cx="40" cy="40" r="40"/>
                </g>
            </defs>
            <use xlink:href="#shape" x="40" y="40"/>
            <use xlink:href="#aaa" x="160" y="40"/>
        </svg> -->

        <svg>
            <defs>
                <filter id="f1" x="0" y="0">
                    <feGaussianBlur stdDeviation="15"/>
                </filter>
            </defs>
            <rect width="90" height="90" stroke="green" 
            stroke-width="3" fill="yellow" filter="url(#f1)"/>
        </svg>
    </body>
</html>