snap.svg - 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
});

但是当我插入一个变量时，该行消失了：

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
});