Examples of polygons drawn by path vs polygon in SVG

Question

I would like to learn SVG, and am trying to learn how the same image can be rendered by using either the point (with polygon) or by dynamically by paths (path).

I wo

Answer 1

It's trivial: You can basically take the points attribute of a polygon and turn it into a path's d attribute by prepending M and appending z.

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <polygon points="20,20 100,20 100,100 30,110"/>
  <path        d="M20,20 100,20 100,100 30,110z" fill="green" transform="translate(100,0)"/>
</svg>