SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html>
	<head>
		<title></title>
	</head>
	<body>
		<svg width="500" height="500">
        <!-- ViewBox="0,0 100,100"> -->
            <!-- <path D=" M0,0 L100,0 L100,100 L0,100 L0,0" stroke="green" fill="none"/>
            <path D="M0,10 L100,10 M0,20 L100,20 M0,30 L100,30 M0,40 L100,40 M0,50 L100,50 M0,60 L100,60 M0,70 L100,70 M0,80 L100,80 M0,90 L100,90"  stroke="green" stroke-width="0.2"/>
            <path D="M10,0 L10,100 M20,0 L20,100 M30,0 L30,100 M40,0 L40,100 M50,0 L50,100 M60,0 L60,100 M70,0 L70,100 M80,0 L80,100 M90,0 L90,100"  stroke="green" stroke-width="0.2"/> -->
            <!-- <path D="M20,20 H50 V10 L70,30 L50,50 V40 H20 V20 " stroke="blue"fill="black"/>
            <path D="M20,70 l20,-20 v10 h30 v20 h-30 v10 z" stroke="red" fill="black"/> -->
            <!-- <rect x="10" y="10" rx="10" width="50" height="50" fill="none" stroke-width="0.2" stroke="red"/>
            <path D="M20,20 h30 v30 h-30 z"  stroke="black" fill="black"/>
            <circle cx="20" cy="20" r="2" fill="blue"/>
             <circle cx="50" cy="20" r="2" fill="blue"/>
              <circle cx="50" cy="50" r="2" fill="blue"/>
               <circle cx="20" cy="50" r="2" fill="blue"/> -->
               <!-- <path D="m30,40 Q50,10 70,40"/> -->
               <!-- <path D="M50,10 L50,90 M10,50 L90,50 "stroke="black"/> -->
               <!-- <path D="M30,50 Q40,30 50,50  Q60,70 70,50 "/> -->
               <!-- <path D="M35,50 Q40,30 50,50 60,30 70,50 M30,50 Q50,90 70,50" fill="red"/>
               <path D="M30,50 Q40,30 50,50 60,30 70,50 " fill="red"/> -->
               <!-- <defs>
               <g id="tx"> 
                   <rect width="50" height="50"/>
                    <circle cx="50" cy="50" r="20"/>
               </g>
                </defs>
                <use xlink:href="#tx" x="30" y="30"/> -->
                <!-- <defs>
               <g id="hei"> 
                    <circle  r="4" fill="balck"/>
                    </g>
                    <g id="hong"> 
                    <circle  r="4" fill="red"/>
               </g>
               </defs>
               <use xlink:href="#hei" x="50" y="50"/> 
               <use xlink:href="#hong" x="50" y="60"/>
               <use xlink:href="#hong" x="50" y="70"/>    -->
               <!-- <defs>
                   <filter id="f1" x="0" y="0">
                   <feGaussianBlur stdDeviation="10"/>
                   </filter>
                   </defs> 
                <rect width="30" height="30" stroke="green" stroke-width="3" fill="black" filter="url(#f1)"/> -->
                <defs>
                    <linearGradient id="ty1" x1="0%" y1="0%" x2="0%" y2="100%" >
                    <stop offset="0%" style="stop-color:orange;stop-opacity:0.9"/>
                    <stop offset="100%" style="stop-color:blue;stop-opacity:0.7"/>
                    </linearGradient>
                    </defs>
                    <ellipse cx="200" cy="50" rx="90" ry="50" fill="url(#ty1)" />
        </svg>
	</body>
</html>