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

【问题标题】：How to create a line starting from x,y coordinates to other x,y coordinates?如何创建一条从 x,y 坐标开始到其他 x,y 坐标的线？
【发布时间】：2019-05-14 06:32:20
【问题描述】：

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

我使用 Angular6 作为框架。

谢谢。

【问题讨论】：

您的问题需要更多信息。stackoverflow.com/help/how-to-ask

标签： angular pixi.js gsap

【解决方案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 将绘制一个三角形。

【讨论】：