Javascript SVG中两条独立路径连接时的斜接效应

我正在处理单独的SVG路径，当存在路径连接时，需要斜接效果。这对我来说是全新的

SVG形状看起来像多边形，每边都是单独的路径

我的SVG代码示例，不显示原始多边形。有关o/p，请参见图：

---

为了获得斜接，需要使用形状而不是笔划。如果你认为斜接是一个等腰直角三角形，它的catheti=15，你可以用手来做

使用填充而不是笔划，并绘制一个带有斜接的填充形状。我需要笔划宽度为15。我已经按照您的建议进行了尝试，但没有任何效果。你能说清楚一点吗@RobertLongsony您不需要笔划宽度为15。直接绘制斜接形状轮廓，并使用fill属性进行填充。请出示示例，说明您的意思。我需要有足够厚的边缘来观察。所以15作为笔划宽度。你能看一下上面作为链接提供的图像吗？问题是我必须从给定的点列表生成一个多边形，渲染的多边形应该有边，我可以在边上操纵它的属性，如填充颜色、笔划宽度。样式不应该应用于整个元素，但需要独立地应用于每个边。当我单击各个路径时，交点应更改为第二条路径上的第一条路径，第一条路径上的第二条路径，然后是斜接效果。我实现了另外两个，但没有实现斜接效应。这是一个全新的问题。请提出一个新问题，包括一系列要点：可能是javascript对象。我很乐意帮忙。同时，请考虑接受我在这个问题上的回答。