سبد (0)

رسم خط در SVG

رسم خط در 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 از نقطه ی انتها را مشخص می کند.  
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه