如何使用<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>