SVG прямая линия

Чтобы создать прямую линию, используется элемент <line>:

Ваш браузер не поддерживает HTML тег SVG.

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 конечной точки линии