svg 元素

文本 text 元素

使用 fill 属性设置 text 字体颜色。

<text fill="yellow" >hello</text>

使用 x 、y 属性设置 text 位置。

<text x="20" y="30"  >hello</text>

使用 text-anchor 属性设置文本对齐方式，属性值有 left 、middle、right。

<text text-anchor="middle" >hello</text>

矩形 rect 元素

设置元素宽高

<rect width="30" height="20"  ></rect>

设置笔画颜色 stroke

<rect stroke="black"  ></rect>

设置笔画宽度 stroke-width

<rect stroke-width="1"  ></rect>

设置填充颜色

<rect style="fill:red"  ></rect>