SOURCE

console 命令行工具 X clear

                    
>
console
<svg width="500" height="500" viewBox="0,0 100 100">
<path d="M0,0 L100,0 100,100 0,100 z" stroke="black" fill="none" stroke-width="2"/>
<path d="M0,10 H100 M0,20 H100 M0,30 H100 M0,40 H100 M0,50 H100 M0,60 H100 M0,70 H100 M0,80 H100 M0,90 H100" 
    stroke="black"  stroke-width="0.5"/>
<path d="M10,0 V100 M20,0 V100 M30,0 V100 M40,0 V100 M50,0 V100 M60,0 V100 M70,0 V100 M80,0 V100 M90,0 V100" 
    stroke="black"  stroke-width="0.5"/>
    <defs><g id="fang">
<rect width="30" height="30"
fill="none" stroke="#2E66FF" stroke-width="1"
transform="rotate(-10)"  x="25" y="30"/>
<path d="M60,20 L35,55" stroke="#2E66FF" stroke-width="1" fill="none"/>
<path d="M30,25 Q52,33 65,50" stroke="#2E66FF" stroke-width="1" fill="none"/>
<path d="M30,25 L49.75,35.25 35,55 Z" stroke="#2E66FF" stroke-width="1" fill="#BCD7EF"/>
<path d="M60,20 L65,50 49.75,35.25 Z" stroke="#2E66FF" stroke-width="1" fill="#FFB5EC"/>
<path d="M35,55 L25,60 32.5,62.5 Z" stroke="#2E66FF" stroke-width="1" fill="#FEF052"/>
</g>
</defs>
<use xlink:href="#fang" x="20" y="20"/>
     <use xlink:href="#fang" x="0" y="0"/>
</svg>

<!-- <svg>
    <defs><g id="fang">
        <rect width="50" height="50" fill="red"/>
        </g>
        <g id="yuan">
            <circle cx="50" cy="50" r="20"/>
        </g>
    </defs>
    <use xlink:href="#fang" x="20" y="20"/>
     <use xlink:href="#fang" x="0" y="0"/>
</svg> -->47.5 37.5