怎么在svg元素上显示文字

用<text>标记显示文字

示例

<?xml version="1.0" encoding="iso-8859-1"?>

<svg width="800" height="600">

<text style="fill:redfont-size:24pt" x="100" y="100">Hello World!</text>

</svg>

<text>和</text>标记括起来的内容是要显示的文字"Hello World!"，

style="fill:redfont-size:24px 说明了文字样式大小为24点，用红颜色填充。

x="100" y="100"指示出文字输出的位置

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" >

<g>

<title>Title Demo example</title>

<polygon points="220,10 300,210 170,250 123,234" style="fill:limestroke:purplestroke-width:1" />

</g>

</svg>

---