Html 向SVG多边形上的特定边添加笔划

Html 向SVG多边形上的特定边添加笔划,html,svg,Html,Svg,我试图使用SVG创建一个自定义地图标记形状(在JS中创建,但为了简单起见,我在这里使用了实际的HTML)。 在本例中,我简单地使用了一个圆和一个多边形元素来产生标记的效果,如下所示: 是我的第一个想法。但在摆弄弧线时,我得到了一个更简单的想法: @Sirko,请阅读问题的最后一句。提高您的SVG知识,使您能够使用路径标记。或者使用SVG编辑器(如inkscape)创建路径形状。好主意,我不想复制这些形状。

我试图使用SVG创建一个自定义地图标记形状(在JS中创建,但为了简单起见,我在这里使用了实际的HTML)。 在本例中,我简单地使用了一个
和一个
多边形
元素来产生标记的效果,如下所示:


是我的第一个想法。但在摆弄弧线时,我得到了一个更简单的想法:



@Sirko,请阅读问题的最后一句。提高您的SVG知识,使您能够使用路径标记。或者使用SVG编辑器(如inkscape)创建路径形状。好主意,我不想复制这些形状。