使用SVG使对角线在垂直方向上变平

我有一个类似于字母“V”的符号。“V”的端点倾斜，如下图左侧所示。但是，我希望它们在水平面上被展平，如下图右侧所示。我该怎么做

我的SVG代码如下所示：

<svg width="120" height="120" viewPort="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
    <polyline points="30,30 60,90 90,30" fill="none" stroke="black" stroke-width="25" />
</svg>

---

我目前拥有的图像。我想要的图像

创建所需形状的正确方法是使用

多边形

或

路径

元素并填充它

方法1-多边形： SVG的

多边形

元素采用单个参数，即

点

，其中包含点列表。然后通过连接所有这些点并填充它们来创建形状

以下是必要的代码：

<polygon points="15,30 40,30 60,70 80,30 105,30 60,120" />

工作示例：

创建所需形状的正确方法是使用
多边形
或
路径
元素并填充它

方法1-多边形：
SVG的
多边形
元素采用单个参数，即
点
，其中包含点列表。然后通过连接所有这些点并填充它们来创建形状

以下是必要的代码：

<polygon points="15,30 40,30 60,70 80,30 105,30 60,120" />



工作示例：



非常粗糙的解决方案是
。它从查看区域外部开始绘制线条，外部区域被剪切（如
溢出：隐藏），因此它看起来就像您想要的图像。但我不会把它作为一个答案，因为对我来说，它更像是一个解决办法，而不是一个解决方案。如果没有其他更好的解决方案，我会把它作为一个答案发布。（12.5只不过是笔划宽度/2）将文件加载到SVG编辑器（如inkscape）并调整形状。一个非常粗糙的解决方案是
。它从查看区域外部开始绘制线条，外部区域被剪切（如
溢出：隐藏），因此它看起来就像您想要的图像。但我不会把它作为一个答案，因为对我来说，它更像是一个解决办法，而不是一个解决方案。如果没有其他更好的解决方案，我会把它作为一个答案发布。（12.5只是笔划宽度/2）将文件加载到SVG编辑器（如inkscape）并调整形状。