Как создать линию, начинающуюся с координат x, y и других координат x, y?

Question

Я ищу способ, которым можно переместить линию, имеющую две координаты x, y вперед по отношению к двум другим координатам x, y.Длина строки может быть длинной или короткой.
Я предполагаю, что смогу воплотить ее в жизнь с помощью TweenMax и PIXI, но у меня пока нет подробностей, чтобы ее получить.
Если кто-нибудь когда-либо делалтакие вещи, ты можешь научить меня, как это сделать?

Я использую Angular6 в качестве основы.

Спасибо.

Answer 1

В Pixi.js вы можете нарисовать линию с помощью таких графических объектов, как этот.

//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 нарисует треугольник.