html可以用坐标画svg图吗,html – 如何将坐标添加到SVG折线？

如果向折线添加id属性,使其看起来像这样

您可以通过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);