与SVG元素的样式设置和鼠标交互

我必须从给定的点列表生成一个多边形。 但是渲染的多边形应该有边，我可以在那里操纵它的属性，例如填充颜色、笔划宽度。样式不应该应用于整个元素，而是需要独立地应用于每个边

边缘需要可点击，即鼠标交互

---

我怎样才能做到这一点。有可能吗？

它通过创建SVG线元素来连接使用过的笔划线帽。

---

我甚至可以将这些线转换为路径以获得更好的效果。

使用单独的线绘制多边形。也就是说，每一行都是一个单独的元素。@RobertLongson问题是输入是点列表。我们将使用JSON格式作为输入，描述形状类型，即多边形、直线等及其属性。我们将有许多形状作为输入。基于坐标[0,0]、[600.1,0]、[600.1400.2]、[0,400.2]、[0,0]，它应该渲染一个形状。我们应该能够用不同的风格定制每个边缘。这就是我困惑如何实现的地方。当我们应用样式时，它将应用于整个形状，而不是每个边。请帮我解决这个问题。@user9757064点列表有什么问题？您可以使用它从中绘制线it@Fuzzyma你能告诉我我们如何才能做到这一点吗？我是SVG新手。创建元素。