javascript - KineticJS 线点作为参数

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