KineticJS Line Points作为参数

Question

无论如何都要给出一个数组的线点。

var line = new Kinetic.Line({
                points : [{
                    x : line_points_x,
                    y : line_points_y
                }],
                stroke : 'black',
                strokeWidth : 5,
                lineCap : 'round'
            });

我尝试了一些但没有用。我有2个数组，它们包含x和y点。

Answer 1

没有。只有3个允许的结构。

[0,1,2,3]，[[0,1],[2,3]]和[{x:0,y:1},{x:2,y:3}]

所以你必须做这样的事情：

var points = [];
for(var i=0; i<line_points_x.length; i++) {
   points.push( { x: line_points_x[i], y: line_points_y[i] } );
}

var line = new Kinetic.Line({
    points: points,
    stroke: 'black',
    strokeWidth: 5,
    lineCap: 'round'
});