SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<svg width="500px" height="500px">
    <defs>
        <linearGradient id="zuoyou" x1="0%" y1="0%" x2="100%" y2="0%">
            <stop offset="0%" style="stop-color:gold"/>
            <stop offset="25%"  style="stop-color:pink"/>
            <stop offset="50%"  style="stop-color:skyblue"/>
            <stop offset="75%"  style="stop-color:orange"/>
            <stop offset="100%"  style="stop-color:red"/>
        </linearGradient>

         <linearGradient id="shangxia" x1="0%" y1="100%" x2="0%" y2="0%">
            <stop offset="0%" style="stop-color:gold"/>
            <stop offset="25%"  style="stop-color:pink"/>
            <stop offset="50%"  style="stop-color:skyblue"/>
            <stop offset="75%"  style="stop-color:orange"/>
            <stop offset="100%"  style="stop-color:red"/>
        </linearGradient>

        <radialGradient id="yuan" cx="50%" cy="50%" r="50%" fx="50%" fy="10%">
            <stop offset="0%" style="stop-color:gold"/>
            <stop offset="100%"  style="stop-color:white"/>
           
        </radialGradient>
    </defs>

    <ellipse cx="150" cy="100" rx="100" ry="50" fill="url(#zuoyou)"/>
    <text font-size="90px" x="60" y="133" fill="url(#shangxia)">SVG</text>
     <ellipse cx="150" cy="300" rx="100" ry="50" fill="url(#yuan)"/>
</svg>