Wie erstelle ich eine Rautenform mit dem <svg>-Element?

Question

Ich versuche, eine Raute mit den HTML5-Elementen zu erstellen. Ich habe den Punkt angegeben, aber anstatt ihn in eine Raute zu füllen, wurde er in ein Paar Dreiecke gefüllt. Das ist mein Ansatz:

<div>
    <svg width="2000" height="2000">
    <Polygonpunkte="25 25, 75 25, 50 50, 50 0" style=" Füllung: Blau; Strich: Schwarz;"/>
    </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>