请马上登录,朋友们都在花潮里等着你哦:)
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 马黑黑 于 2025-9-29 22:44 编辑
刚刚设计好
<svg id="msvg" width="400" height="400" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
<defs id="defs">
<linearGradient id="grd" x1="0" x2="0" y1="0" y2="0.75">
<stop stop-color="red" offset="0"></stop>
<stop stop-color="gold" offset="0.5"></stop>
<stop stop-color="darkred" offset="1"></stop>
</linearGradient>
<path d="M-150 -50 Q0 -200,150 -50" id="txtpath"></path>
</defs>
<path d="M-120 -50 C-240 220,240 220,120 -50" fill="none" stroke="url(#grd)" stroke-width="6"></path>
<ellipse cx="0" cy="0" rx="100" ry="20" fill="transparent" stroke="url(#grd)" stroke-width="6"></ellipse>
<ellipse cx="0" cy="0" rx="100" ry="20" fill="transparent" stroke="url(#grd)" stroke-width="6" transform="rotate(72.00, 0 0)"></ellipse>
<ellipse cx="0" cy="0" rx="100" ry="20" fill="transparent" stroke="url(#grd)" stroke-width="6" transform="rotate(144.00, 0 0)"></ellipse>
<ellipse cx="0" cy="0" rx="100" ry="20" fill="transparent" stroke="url(#grd)" stroke-width="6" transform="rotate(216.00, 0 0)"></ellipse>
<ellipse cx="0" cy="0" rx="100" ry="20" fill="transparent" stroke="url(#grd)" stroke-width="6" transform="rotate(288.00, 0 0)"></ellipse>
<text x="0" y="0" fill="url(#grd)" style="font: bold 2.6em sans-serif; letter-spacing: 4px; text-anchor: middle;">
<textPath href="#txtpath" startOffset="50%">歌曲标题</textPath>
</text>
</svg>
|