Как я могу использовать переменную в создании пути SVG?

Question

Я создаю SVG-путь, используя библиотеку Raphael и следующий код:

this.resultsBoxLine1 = paper.path("M42 10L42 36");

Я бы хотел использовать переменные для определения положения пути, однако я не могу написать так:

this.resultsBoxLine1 = paper.path("MmyVar11 myVar2LmyVar3 myVar4");

Кто-нибудь знает, как я могу это сделать?

Answer 1

В качестве альтернативы

this.resultsBoxLine1 = paper.path("M{0} {1}L{2} {3}", myVar11, myVar2, myVar3, myVar4);

Answer 2

Путь Raphael - это просто строка - вы можете легко вставлять переменные, используя оператор +, например ::

.

this.resultsBoxLine1 = paper.path("M"+myVar11+" "+myVar2+"L"+myVar3+" "+myVar4);

Answer 3

А как насчет paper.path("M" + myVar11 + " " + myVar2 + "L" + ...);

Просто используйте конкататы строки JavaScript