如何创建从x,y坐标到其他x,y坐标的线?

时间:2018-12-13 04:42:35

标签: angular pixi.js gsap tweenmax

我正在寻找一种方法,可以将具有两个x,y坐标的线向前移动到其他两个x,y坐标。线的长度可以长也可以短。
我想我可以通过TweenMax和PIXI来实现它,但是我还没有获得它的详细信息。
如果有人曾经做过这样的事情,您能教我怎么做吗?

我正在使用Angular6作为框架。

谢谢。

1 个答案:

答案 0 :(得分:0)

在Pixi.js中,您可以借助Graphics对象来画一条线。

//Creating new Line
const line = new PIXI.Graphics(); 
// If line already present then set its position only
line.position = new PIXI.Point(0, 0);

line.moveTo(0, 0);
line.lineTo(8, 0);
line.lineTo(4, 7);
line.lineTo(0, 0);

此处的线的起点和终点均位于相同的x,y坐标处,即0,0将绘制一个三角形。