在javascript中设置svg元素的位置时，如何；px"；？_Javascript_Svg

在javascript中设置svg元素的位置时，如何；px"；？

javascript svg

在javascript中设置svg元素的位置时，如何；px"；？,javascript,svg,Javascript,Svg,假设你有一个简单的全屏div <body> <div id="wrapper"> </div> </body> 如果要在屏幕上添加svg点，您可以：（A）制作一个svg元素（为了方便起见，我们将使其与圆本身大小相同，例如20.20）（B）在元素内部，只需添加一个笔划，即圆 var cc = document.createElementNS(svgns, "circle") cc.setAttribu

假设你有一个简单的全屏div

<body>
<div id="wrapper">
</div>
</body>

如果要在屏幕上添加svg点，您可以：

（A）制作一个svg元素（为了方便起见，我们将使其与圆本身大小相同，例如20.20）

（B）在元素内部，只需添加一个笔划，即圆

var cc = document.createElementNS(svgns, "circle")
cc.setAttribute("cx", 10)
cc.setAttribute("cy", 10)
cc.setAttribute("r", 10)
cc.setAttribute("fill", "blue")

onedot.appendChild(cc)

wrapper.appendChild(onedot)

这似乎很有效。现在，您可以在各处随意绘制点：

我的问题是，这里您要处理的是“真实世界”也就是价值观，而不仅仅是古怪的svg空间内容：

onedot.style.position = 'absolute'
onedot.style.left = 312
onedot.style.top = 172

那是在潜水舱里

在我对DOM、HTML等的有限理解中，将这些值指定为“px”是非常必要的

如何在那里指定px？

有办法吗

onedot.style.position = 'absolute'
onedot.style.left = 312
onedot.style.top = 172

改为

onedot.style.position = 'absolute';
onedot.style.left = '312px'; // both are oke
onedot.style.top = 172+'px'; // is ok to

您可以这样做：onedot.style.left='312px'；或者

312+'px'

我的上帝。这是真的吗？你在开我的玩笑吗？请不要生气。给我一个答案，这样我就可以悬赏了。也许对谷歌未来也有帮助。这能回答你的问题吗？

onedot.style.position = 'absolute'
onedot.style.left = 312
onedot.style.top = 172

onedot.style.position = 'absolute'
onedot.style.left = 312
onedot.style.top = 172

onedot.style.position = 'absolute';
onedot.style.left = '312px'; // both are oke
onedot.style.top = 172+'px'; // is ok to