如何使用<svg>元素制作一个钻石形状？

Question

我正在尝试使用和 HTML5元素创建一个菱形。我指定了点，但它没有被填充成菱形，而是被填充成一对三角形。这是我的方法：

<div>
    <svg width="2000" height="2000">
    <polygon points="25 25, 75 25, 50 50, 50 0" style=" fill: blue; stroke:black;"/>
    </svg>
</div>     

Answer 1

我希望你喜欢

<svg width="2000" height="2000">
  <polygon points="0 40,40 80,80 40,40 0" style=" fill: blue; stroke:black;"/>
</svg>