freislot
@freislot
Frontend-разработчик

По какому принципу изменяется прозрачность линий?

Хочется управлять параметром прозрачности линий или их количеством (количество не на экране, а между двумя точками. Есть подозрение что яркость линий зависит от того что их рисуется не одна между точками а две и более). При наведении мышки линии меняют свою прозрачность. Возможно прозрачность там вовсе не фигурирует, а рисуется две или более линий в зависимости от положения точек и мышки.

Пример здесь codepen.io/freislot/pen/YWJyKJ

Вот что я нашел по линиям

if (
							(iStar.x - jStar.x) < config.distance &&
							(iStar.y - jStar.y) < config.distance &&
							(iStar.x - jStar.x) > - config.distance &&
							(iStar.y - jStar.y) > - config.distance
						) {
							if (
								(iStar.x - config.position.x) < config.radius &&
								(iStar.y - config.position.y) < config.radius &&
								(iStar.x - config.position.x) > - config.radius &&
								(iStar.y - config.position.y) > - config.radius
							) {
								context.beginPath();
								context.moveTo(iStar.x, iStar.y);
								context.lineTo(jStar.x, jStar.y);
								context.stroke();
								context.closePath();
							}
						}


Как я понял, при выполнении этих условий рисуются линии, но по какому принципу появляется вторая линия на том же месте я не разобрался.
  • Вопрос задан
  • 264 просмотра
Пригласить эксперта
Ответы на вопрос 1
@GreatRash
Прозрачность разная потому что их несколько друг на друга накладывается.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы