繪製SVG拉斐爾路徑給出錯誤並且不接受變量

Question

我想爲使用拉斐爾SVG路徑的圖表製作簡單的X軸，但是M(moveto)和L(lineto)的變量未被接受。

var x1 = x, 
    y1 = y+height, 
    x2 = x+width, 
    y2 = y+height; 
var xAxis = SVGpaper.path("Mx1,y1 Lx2,y2").attr({stroke: "config.axisColor", "stroke-width": 1}); 

它給人的錯誤：

錯誤：問題分析d="M,0,0"

我在聲明變量或語法路徑做一些錯誤？我找不到任何可供參考的代碼，所以請提供一些建議！

Answer 1

你只是傳遞字符串「Mx1，y1 Lx2，y2」，即變量名稱而不是它們的值。

你要這個......

SVGpaper.path("M" + x1 + "," + y1 + " L" + x2 + "," + y2).attr({stroke: "config.axisColor", "stroke-width": 1});