Javascript SVG.js库-无法使用draw.path绘制曲线
我正在使用SVG.js库在JavaScript中绘制一条曲线。为此,我使用了下面的代码Javascript SVG.js库-无法使用draw.path绘制曲线,javascript,svg,svg.js,Javascript,Svg,Svg.js,我正在使用SVG.js库在JavaScript中绘制一条曲线。为此,我使用了下面的代码 var x1 = parseInt(left_bulb[i]) + 4; var y1 = parseInt(top_bulb[i]) + 16 var x2 = parseInt(left_bulb[i]) + 4; var y2 = parseInt(top_bulb[i]) + 16
var x1 = parseInt(left_bulb[i]) + 4;
var y1 = parseInt(top_bulb[i]) + 16
var x2 = parseInt(left_bulb[i]) + 4;
var y2 = parseInt(top_bulb[i]) + 16
var x3 = parseInt(left_bulb[i]) + 16 - 1;
var y3 = parseInt(top_bulb[i]);
var x4 = parseInt(left_bulb[i]) + 16 + 4;
var y4 = parseInt(top_bulb[i]) + 16 - 1;
draw.path('M x1,y1 C x2,y2 x3,y3 x4,y4').stroke({width:3, color:"#000000"});
下面的draw.path()
代码工作正常。当给出直接数时,此函数可以正常工作,但不适用于x1、y1。。。等等。你能告诉我如何让它与给定的变量一起工作吗。它没有给出上述代码的曲线
var path = draw.path('M100,200 C100,100 400,100 400,200 H 500 V 400 Z')
.stroke({width:9, color:"#f23"})
.fill('orange')
您需要评估参数。目前,您正在创建一个字符串,其中包含字符x1、y1等
var x1 = parseInt(left_bulb[i]) + 4;
var y1 = parseInt(top_bulb[i]) + 16
var x2 = parseInt(left_bulb[i]) + 4;
var y2 = parseInt(top_bulb[i]) + 16
var x3 = parseInt(left_bulb[i]) + 16 - 1;
var y3 = parseInt(top_bulb[i]);
var x4 = parseInt(left_bulb[i]) + 16 + 4;
var y4 = parseInt(top_bulb[i]) + 16 - 1;
draw.path('M ' + x1 + ',' + y1 + ' C ' + x2 + ',' + y2 + ' ' + x3 + ',' + y3 + ' ' + x4 + ',' + y4).stroke({width:3, color:"#000000"});