رسم خط در SVG با استفاده از عنصر <line>

از عنصر <line> برای ایجاد یک خط، استفاده می شود:

 

کد SVG این خط را می توانید در زیر مشاهده کنید:

مثال

<svg height="210" width="500">
  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>
خودتان امتحان کنید »

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

  • خصوصیت x1، مختصات x نقطه ی شروع را مشخص می کند. 
  • خصوصیت y1، مختصات y نقطه ی شروع را مشخص می کند. 
  • خصوصیت x2، مختصات x از نقطه ی انتها را مشخص می کند. 
  • خصوصیت y2، مختصات y از نقطه ی انتها را مشخص می کند.