000
<style>
body {
background-color: #b0b0b0;
}
.box {
width: 200px;
height: 200px;
margin: 50px;
background-color: #fff;
}
</style>
<div class="box">
<svg viewBox="0 0 100 100">
<path d="M0,50 a50,50 0 1,1 0,1z" fill="none" id="circle" ></path>
<text>
<textPath xlink:href="#circle">这是围绕路径生成的环形文字~</textPath>
</text>
</svg>
<div>
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="1100">
<path d="M0 0h800v1100h-800" fill="#f003"/>
<g>
<path d="M300 370m-92-92a92 92 0 0 1 184 0 92 92 0 0 1 -184 0m4.5 0a87 87 0 0 0 175 0 87 87 0 0 0 -175 0" />
<path d="M300 370m-92-92a92 92 0 0 1 184 0z" id="circle" />
<text>
<textPath xlink:href="#circle">这是围绕路径生成的环形文字~</textPath>
</text>
</g>
</svg>