显示文本svg标记时出现问题

时间:2013-04-09 17:52:14

标签: html5 text svg tags

我的SVG文本标签有问题。这个简单的代码,坐标x设置为20,坐标y设置为80,完美无缺。

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <text id="test1" fill="red" x="20" y="80" font-size="30">my text</text>
</svg>

当我将地图的实际值设置为x=1156291y=661770等x和y坐标时,会出现问题。在这种情况下,我看不到任何东西(我已经更新了视图框以适应新的坐标)。

试图找出发生了什么我在SVG插入DOM后使用java scrip检查了文本标签的x和y坐标,我发现两者都已经(神奇地)改为-214748.3648

有没有人知道它发生了什么因为我变得疯狂...听起来好像有问题,因为x和y坐标太大但我可以在我的地图中绘制一条带有坐标(1156291, 661770)的折线没有问题。

非常感谢您的帮助

1 个答案:

答案 0 :(得分:0)

我在IE9下遇到同样的问题,似乎是IE9的错误。

例如,

node是SVGTextElement:

var node = svgDocument.getElementById('oneidfortext');

node.setAttribute("x", 39400);
node.setAttribute("y", 394000);

然后

var x = node.getAttribute("x");
var y = node.getAttribute("y");
//x here is going to be 39400
//y here is going to be -214748.3648

我还没有找到解决方案。