SVG соединяет две точки с линией

Question

Есть ли способ подключения двух точек с использованием строки в SVG. У меня есть следующее, чтобы создать точку в SVG.

<?xml version="1.0" standalone="no"?> 

<svg width="200px" height="200px" version="1.1" xmlns="http://www.w3.org/2000/svg"> 

    <path d="M10 10"/> 

    <!-- Points --> 

    <circle cx="10" cy="10" r="2" fill="red"/> 
    <circle cx="90" cy="90" r="2" fill="red"/> 
    <circle cx="90" cy="10" r="2" fill="red"/> 
    <circle cx="10" cy="90" r="2" fill="red"/> 

</svg> 

Мне нужно нарисовать линию между точками, используя функции jquery.

Answer 1

Вы можете использовать строку:

<line x1="10" y1="10" x2="90" y2="90" stroke-width="1" stroke="black"/> 

Или путь:

<path d="M10 10 90 90" stroke-width="1" stroke="black"/> 

Почему вам нужно JQuery?