Snap SVG中带变量的曲线路径

Question

我正在尝试在 snap svg 中使用变量而不是数字来制作曲线路径。

我有这个基本的例子：

var newpath = s.path("M100 200 C100 100 250 100 250 200 S400 300 400 200");
newpath.attr({
   stroke: "#FFFFFF",
   strokeWidth: 1
});

但是当我插入变量时，行diappears：

var newpath = s.path("centerx 200 C100 100 250 100 250 200 S400 300 400 200");
newpath.attr({
   stroke: "#FFFFFF",
   strokeWidth: 1
});

Answer 1

变量centerx不应包含在引号内。

var newpath = s.path(centerx + " 200 C100 100 250 100 250 200 S400 300 400 200");
newpath.attr({
   stroke: "#FFFFFF",
   strokeWidth: 1
});