Question

怎么在svg元素上显示文字

Answer 1

用<text>标记显示文字

示例
<?xml version="1.0" encoding="iso-8859-1"?>
<svg width="800" height="600">
<text style="fill:red;font-size:24pt" x="100" y="100">Hello World!</text>
</svg>

<text>和</text>标记括起来的内容是要显示的文字"Hello World!"，
style="fill:red;font-size:24px 说明了文字样式大小为24点，用红颜色填充。
x="100" y="100"指示出文字输出的位置

追问

这个我知道，我的意思是：比如text怎么显示在circle上

追答

根据circle和text的相对位置和circle的坐标计算出text的坐标，这样text不就显示在circle上了，而且一定是先绘制circle在绘制text，SVG中后面绘制的要素会压盖前面绘制的要素。