SOURCE

console 命令行工具 X clear

                    
>
console
<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <svg>
          <defs>
              <linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%">
                  <stop offset="0%" style="stop-color:yellow;stop-opacity:1"/>
                  <stop offset="50%" style="stop-color:pink;stop-opacity:1"/>
                  <stop offset="100%" style="stop-color:purple;stop-opacity:1"/>
              </linearGradient>
               </defs>
              <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)"/>
           
        </svg>
        <svg>
            <defs>
                <radialGradient id="grad2" cx="50%" cy="50%" r="50%" fx="40%" fy="30%">
                    <stop offset="0%" style="stop-color:yellow;stop-opacity:1"/>
                  <stop offset="50%" style="stop-color:pink;stop-opacity:1"/>
                  <stop offset="100%" style="stop-color:purple;stop-opacity:0"/>
              </radialGradient>
            </defs>
             <ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad2)"/>
        </svg>
    </body>
</html>