kineticjs线点阵列竞争

Question

“”点分配中的解释值是什么。我想要的只是一个“平面简”线，我可以操纵它的长度和宽度。任何帮助将非常感谢。

var line = new Kinetic.Line（{   x：100，   y：50，   要点：[73,70,340,23,450,60,500,20]，   中风：'红色'，   紧张：1 }）;

Answer 1

点数组是一系列x，y坐标：

// [73, 70, 340, 23, 450, 60, 500, 20],

{x:73,y:70},
{x:340,y:23},
{x:450,y:60},
{x:500,y:20}

这是你的“简单”系列：

// draw a black line from 25,25 to 100,50 and width of 5

var line = new Kinetic.Line({
    points:[25,25, 100,50],
    y:100,
    stroke: 'black',
    strokeWidth: 5
});