<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!-- 棋盘 -->
<!-- <svg width="500" height="500" viewbox="0 0 100 100">
<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="#FFCD43" stroke-width="0.5"/>
<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="#FFCD43" stroke-width="0.5"/>
<path d="M0 0 L100 0 L100 100 L0 100 L0 0" stroke="black" style="fill:none;"/> -->
<!-- 箭头 -->
<!-- <path d="M20 80 l20 20 v-10 h30 v-20 h-30 v-10 l-20 20 " stroke="black" style="fill:#2287FE;"/> -->
<!-- 两个方块
<rect width="50" height="50" x="30" y="30" rx=10 ry=10 style="fill:#EBF6F7"/>
<path d="M40,40 h30 v30 h-30 z"stroke="black"/>
<circle cx=40 cy=40 r=1 style="fill:red"/>
<circle cx=70 cy=70 r=1 style="fill:red"/>
<circle cx=40 cy=70 r=1 style="fill:red"/>
<circle cx=70 cy=40 r=1 style="fill:red"/> -->
<!-- 曲线 -->
<!-- <path d="M10,60 h80 M50,60 v50 v-100 l10 10 -10 -10 -10 10 M90 60 l-10 10 10 -10 -10 -10" stroke="black" fill="none"/>
<path d="M20 60 Q30 30 50 60 80 30 80 60 80 80 50 90 30 80 20 60" stroke="#2287FE" fill="none"/>
<path d="M20 20 q10 -40 30 -2 20 -40 30 0 -20 30 -30 30 -20 -10 -30 -30 " stroke="#DC4B3E" fill="#DC4B3E"/> -->
<!-- 棋子 -->
<!-- <svg>
<defs>
<g id=a01>
<circle cx="10" cy="10" r=2 style="fill:red"/>
</g>
</defs>
</svg>
<svg>
<defs>
<g id=a02>
<circle cx="10" cy="10" r=2 style="fill:black"/>
</g>
</defs>
<!-- 布局 -->
<!-- </svg>
<use xlink:href="#a01" x="20" y="70"></use>
<use xlink:href="#a01" x="60" y="30"></use>
<use xlink:href="#a02" x="30" y="60"></use>
<use xlink:href="#a02" x="50" y="40"></use>
<use xlink:href="#a02" x="40" y="50"></use>
<use xlink:href="#a02" x="30" y="30"></use>
</svg> -->
<!-- 渐变 -->
<svg height="500" width="500">
<defs>
<linearGradient id="b01" x1="0" x2="100%" y1="0" y2="80%">
<stop offset="20%" style="stop-color:#DC4D41;stop-opacity:0.8"/>
<stop offset="70%" style="stop-color:#19A2FA;stop-opacity:1"/>
<stop offset="100%" style="stop-color:#000080;stop-opacity:0.8"/>
</linearGradient>
</defs>
<rect width="200" height="400" rx="20" rx="20" x="50" y="50" fill="url(#b01)"/>
</svg>
</html>