SVG Linie mit Beschriftung

Question

Wenn ich eine Linie mit SVG darstelle kann ich der Linie dann so eine Art Label geben?

<svg width="200" height="200">
  <line x1="50" y1="50" x2="150" y2="150" stroke="black" />
</svg>

Answer 1

Du kannst neben dem <line> Element noch <text> Elemente in dem SVG Objekt einfügen.

<svg width="200" height="200">
  <line x1="50" y1="50" x2="150" y2="150" stroke="black" />
  <text x="50" y="30">Start</text>
  <text x="150" y="170">Ende</text>
</svg>