Доработка алгоритма заполнения зон по координатам CANVAS

10 000 руб. за проект
05 сентября 2022, 12:25 • 9 откликов • 55 просмотров
Необходимо доработать алгоритм, который будет выполнять отрисовку зоны и заливку цветом. Зона будет отрисовываться по координатам (радиальные сектора, до внутреннего круга). Координаты представлены в первой таблице Asc по XII. Отрисовка выполняется в JS, на canvas.

Основной скрипт с логикой отрисовки круга прогноза: /lib/Chart.js

Просмотреть текущую реализацию можно по ссылке:

http://makeeva.iweb-workshop.ru/prediction

Будет 10 планет, при нажатии на каждую выполняется отрисовка зоны с заполнением цвета (см вложение), необходимо делать на новом canvas (новый слой под колесом). Сейчас их там 3 слоя (колесо, дома, планеты + линии между ними). Заливка зон полупрозрачная. Зоны заливаются между секторами (радиальные линии - дома). Необходимые элементы в svg и ссылка на Figma будут предоставлены исполнителю.

Git репозиторий и сервер будут предоставлены (проект разворачивать у себя не нужно). Если делаете у себя, то перенос на ресурс заказчика выполняется самостоятельно после ssh.

Безопасная сделка (комиссию плачу я). Можете предложить свою цену.

Это не разовая работа. В случае успеха, буду дополнительные задания связанные с отрисовкой колеса (двойное колесо / для двух дат; Пример https://sotis-online.ru/?chr=dt:19900901114821;sx:m;cid:2417766;name:New%20chart|ct:1;dt:20220905114821;sx:;cid:2417766;name:New%20chart )

JS, React, Canvas, векторная математика

Если понадобится консультация по поводу отрисовки круга, связь с автором есть. Он может дать пояснения при необходимости.

Файлы