Question

我有一个嵌套在<text>元素中的<rect>和一个svg元素。我希望<rect>元素在<text>结束后立即开始。但看起来我必须使用x和y来定位它们。

有没有办法像常规HTML元素一样将它们放在一起？

<svg>
<text>1200</text>
<rect width='120' height='12'></rect>
</svg>

Answer 1

我似乎只能用这个得到它：

<svg height="30" width="100">
   <text x="0" y="15" fill="red">SVG TEXT!</text>
</svg>
<svg height="30" width="100">
   <rect width='120' height='12'></rect>
</svg>

参见Pen＆＃39; SVG文本和框测试＆＃39;詹姆斯·阿尔梅达在这里：http://codepen.io/jimmyplaysdrums/pen/ZYdEyw/

将SVG元素放在一起

1 个答案: