SVG <line>

خط مستقیم 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>

آزمایش شخصی کنید

توضیح کد:

• تعریف ویژگی x برای شروع خط x
• ویژگی y1 تعریف می‌کند که شروع خط را بر روی محور y قرار می‌دهد
• ویژگی x2 تعریف می‌کند که انتهای خط را بر روی محور x قرار می‌دهد
• ویژگی y2 تعریف می‌کند که انتهای خط را بر روی محور y قرار می‌دهد