رسم خط در 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>
خودتان امتحان کنید »<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 از نقطه ی انتها را مشخص می کند.
- نوشته شده توسط احسان عباسی
- بازدید: 5200