Как получить строку SVG-Line как выбранный d3js-объект

Question

Я создал svg-строку с помощью мыши следующим образом:
При Mousedown:

drawObject = d3.select('#drawing').append('line')
        .classed(lineClass, true)
        .classed("graphic", true)
        .attr("x1", pointerOrigin.x)
        .attr("y1", pointerOrigin.y)
        .attr("x2", pointerOrigin.x)
        .attr("y2", pointerOrigin.y);

При MouseMove:

drawObject.attr("x2", pointerPosition.x)
        .attr("y2", pointerPosition.y);

Так что теперь я быхотел бы сохранить эту строку в базу данных.Моя идея состояла в том, чтобы сохранить строку, как я сделал это с помощью некоторого сгруппированного элемента Elements, который я создал вручную.

Как получить строку строки следующим образом:

<line xmlns="http://www.w3.org/2000/svg" class="graphic" x1="1870" y1="-20" x2="1920" y2="-110" />

который является результатом рисования и должен быть выбран в drawObject.Есть что-то вроде drawObject.innerHtml?