Элемент линии SVG

Опубликовано: 27 Августа, 2022

Элемент SVG <line> используется для рисования линии. Начальная точка и конечные точки даны для рисования линии.

Синтаксис:

<line
   x1="x-axis co-ordinate"
   y1="y-axis co-ordinate"
   
   x2="x-axis co-ordinate" 
   y2="y-axis co-ordinate" >    
</line>

Атрибут:

  • x1: начальная точка оси X.
  • y1: начальная точка оси Y.
  • x2: конечная точка оси x.
  • y2: конечная точка оси Y.

Пример:

Выход:

Пример: изменение прозрачности линии.

Выход: