html – 如何将坐标添加到SVG折线？

概述如何使用 JavaScript为现有SVG折线添加坐标？ <svg height="240" width="700" id='svg'> <polyline points="0, 240 40, 25 60, 40 80, 120 120, 140 200, 180 500, 120 600, 5" style="fill:none;stroke:#000;stroke-width:3" 如何使用 JavaScript为现有SVG折线添加坐标？

<svg height="240" wIDth="700" ID='svg'>    <polyline points="0,240 40,25 60,40 80,120 120,140 200,180 500,120 600,5"  /></svg>

我正在使用IE 9(在.hta文件中)并且需要能够动态地将新点附加到折线.目标是能够创建折线图.我提前道歉,我完全不知道如何引用这个属性.对此的任何指导将不胜感激.

解决方法 如果向折线添加ID属性,使其看起来像这样

<polyline ID="polyline-ID" points="0,5"  />

您可以通过document.getElementByID获取对它的引用

最简单的方法是通过“points”属性上的getAttribute / setAttribute对其进行 *** 作

var points = polyline.getAttribute("points");points += "10,20";polyline.setAttribute(points);

但是最高性能的选项是SVG DOM,因为它避免了将数据串行化到字符串/从字符串中串行化 – 我所知道的所有UAs都在内部将数据存储为浮点数或双精度数而不是字符串.

var svg = document.getElementByID('svg');var point = svg.createSVGPoint();point.x = 10;point.y = 20;var polyline= document.getElementByID('polyline-ID');polyline.points.appendItem(point);

总结

以上是内存溢出为你收集整理的html – 如何将坐标添加到SVG折线？全部内容，希望文章能够帮你解决html – 如何将坐标添加到SVG折线？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。