angular - 如何创建一条从 x,y 坐标开始到其他 x,y 坐标的线？

Question

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

我使用 Angular6 作为框架。

谢谢。

标签： angularpixi.jsgsap

Answer 1

在 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 将绘制一个三角形。