Comment créer une forme de losange en utilisant l'élément <svg> ?

Question

J'essaie de créer un losange à l'aide des éléments HTML5 J'ai précisé le point, mais au lieu d'être rempli en losange, il a été rempli en une paire de triangles. Voici mon approche :

Answer 1

J'espère que ça vous plaira

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