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