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
  • يحدد خاصية y1 نقطة البداية للخط على المحور y
  • يحدد خاصية x2 نهاية الخط على المحور x
  • يحدد خاصية y2 نهاية الخط على المحور y