رسم چندضلعی در SVG

رسم چندضلعی در SVG با استفاده از عنصر <polygon>

از عنصر <polygon> برای انجام گرافیک هایی استفاده می شود که حداقل شامل 3 ضلع باشند. 

چند ضلعی ها از خط های راست ایجاد می شوند و شکل ایجاد شده همواره "بسته" است( یعنی خطوط به یکدیگر متصل اند). 

	عبارت polygon یک کلمه ی یونانی است. poly به معنی تعدادی، است. و gon به معنی زاویه(ضلع) است.

مثال 1

در مثال زیر، یک چندضلعی که دارای سه ضلع است را ایجاد کرده ایم:

کد SVG شکل بالا را می توانید در زیر مشاهده کنید:

توضیح کد بالا:

• در داخل خصوصیت points، مختصات x و y از هر رأس چند ضلعی را قرار داده ایم. 

مثال 2

در مثال زیر، یک چندضلعی که دارای چهار ضلع است را ایجاد کرده ایم:

کد SVG این چند ضلعی در زیر قرار دارد:

مثال 3

در مثال زیر با استفاده از عنصر <polygon> یک ستاره را ایجاد کرده ایم:

کد SVG این شکل در مثال زیر قرار دارد:

مثال 4

تغییر مقدار خصوصیت fill-rule به evenodd:

کد SVG شکل بالا، در زیر قرار دارد:

• قبلی
• بعدی