Как сделать калькулятор автокрана с динамическим изображением ползунком?

Question

[seok80]

Подскажите как делаются такие калькуляторы расчета
https://stpmsk.ru/calc-load-capacity-crane/
https://mskran.ru/raschet-avtokrana
Понятно что на javascript......
Интересует сам алгоритм.
Какие используются скрипты, готовые библиотеки?
Как прорисовывается изображение?
Как прикрепляется ползунок к изображению?
Как выводятся из базы данных автокраны? (насколько я понимаю идет взаимодействие javascript и php)
Как реализовать такой скрипт на wordpress (может уже есть готовые плагины, или сервисы конструкторы)?

Comments

[Маркус Кейн]

Какие используются скрипты, готовые библиотеки?
Как прорисовывается изображение?

SVG. По обеим ссылкам используется библиотека Raphael

Как выводятся из базы данных автокраны?

Содержимое формы через AJAX передается на php, php лезет в БД, достает нужные краны и отдает клиенту.

Как реализовать такой скрипт на wordpress

Возможно есть, не сталкивался с этой темой. У тебя по первой ссылке как раз и Wordpress.

Answer 1

[MamaLuyba]

ничего сложного, на самом деле: изменяющие размеры элементы (выдвижная часть) отрисованы в svg, сложные элементы (основа стрелы, ограничители) - просто картинками. ну а дальше уже идет геометрия для определения положения по координатам.