如何在SVG路径创建中使用变量？

Question

我正在使用Raphael库和以下代码创建一个SVG路径：

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字符串concats