SVG <polygon>

SVG kaddar - <polygon>

<polygon> elementa na gaba ko tattuwa ko kowane shida ko fi sanu uku.

kaddar yana gaba daga waje ko tattuwa, kuma kuma yana yin sha'awa (kowane waje su kai waje).

Polygon yana gaba daga yaren Greek. "Poly" na nufin "many", "gon" na nufin "angle".

mace 1

kaddar ce gaba ko tattuwa ko uku:

ḥannan kanamawa SVG:

<svg height="210" width="500">
  <polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1" />
</svg>

Try It Yourself

tattuwa kanan kanan:

• points a gudan tattuwa ko x da y na kowane kuduwa na kaddar

mace 2

kaddar ce gaba ko tattuwa ko kala shida:

ḥannan kanamawa SVG:

<svg height="250" width="500">
 <polygon points="220,10 300,210 170,250 123,234" style="fill:lime;stroke:purple;stroke-width:1" />
</svg>

Try It Yourself

mace 3

kuma <polygon> elementa keɗa birɗe:

ḥannan kanamawa SVG:

<svg height="210" width="500">
  <polygon points="100,10 40,198 190,78 10,78 160,198"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:nonzero;" />
</svg>

Try It Yourself

mace 4

ga a gudan fill-rule a yana gaba "evenodd":

ḥannan kanamawa SVG:

<svg height="210" width="500">
  <polygon points="100,10 40,198 190,78 10,78 160,198"
  style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>

Try It Yourself