我的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=1156291
和y=661770
等x和y坐标时,会出现问题。在这种情况下,我看不到任何东西(我已经更新了视图框以适应新的坐标)。
试图找出发生了什么我在SVG插入DOM后使用java scrip检查了文本标签的x和y坐标,我发现两者都已经(神奇地)改为-214748.3648
有没有人知道它发生了什么因为我变得疯狂...听起来好像有问题,因为x和y坐标太大但我可以在我的地图中绘制一条带有坐标(1156291, 661770)
的折线没有问题。
非常感谢您的帮助
答案 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
我还没有找到解决方案。