如何编辑这个 SVG？答案

【问题标题】：How edit this SVG?如何编辑这个 SVG？
【发布时间】：2016-07-21 07:15:28
【问题描述】：

我对 SVG 代码很陌生，所以我有一个简单的问题。在我的页面上，我需要使用这个 svg 代码（当然有一些样式，但现在不重要了。

<svg viewBox="0 0 40 100" preserveAspectRatio="none">
        <polygon points="0,0 40,0 40,100 0,60" />
    </svg>

现在看起来像这样：

但我想要什么：

现在是右侧，更长，但我想要左侧更长。我认为解决它不会很难，但我真的不知道。

谢谢！

【问题讨论】：

标签： css svg

【解决方案1】：

只需切换最后 2 个数据点的 y 坐标。

<svg viewBox="0 0 40 100" preserveAspectRatio="none">
        <polygon points="0,0 40,0 40,60 0,100" />
</svg>

【讨论】：