|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
24.04.2022, 16:59 | #1 |
Форумчанин
Регистрация: 12.02.2010
Сообщений: 787
|
На чем нарисовать такую планетарную систему и как это сделать посовременнее?
Я начал рисовать планетарную систему, причем хочу, чтобы элементы в ней можно было бы перемещать, а сами они еще и имели связи друг с другом в виде стрелочек с направлением.
Пока дошел до этого. Но посмотрите, пожалуйста, код. Я сделал "орбиты" как элементы Canvas. затем margin-top: -xxx px подтянул следующий div. В этом диве как раз на jquery сделал draggable-объекты (типа планетки). Мне без разницы, как им задать положение, но почему-то первым в голову пришла идея поставить position:absolute и задать top и left отступы. Проблема в том, что у меня это адаптивному дизайну ну никак не поддается - изменяется разрешение экрана - все едет. В принципе то, что на рисунке показано - мне для начала этого хватит. Вот только что я не учитываю и как мне это сделать? Также сейчас стоит вопрос - а как лучше делать направленные стрелочки между draggable-объектами? Я так понимаю, что без jquery тут не обойтись, или какие более современные либы стоит заюзать, смогут ли они это делать? Отмечу еще факт, что мне надо будет потом по клику на любой draggable-объект еще прописать, чтобы модальное окно с описанием открывалось, а внутри кружочков я хочу на заднем плане помещать изображение. Насколько я понимаю, может поэтому лучше их делать дивами, но может я ошибаюсь. Если делать чисто на свойстве position: absolute все, есть тоже проблемка - траектории планет то я нарисую, а вот как мне быть с разрешением экрана, когда круги не влезают? На мобилке я этот раздел просто скрою media и заменю на список, ок, а вот при малом разрешении экрана = ? http://tfeya.ru/main.php Вот тут код с планетами Снимок экрана 2022-04-24 в 16.52.20.jpg А это картинка, которая в целом годна, но на определенном разрешении. Вот код c JQuery и draggable + Canvas-траектории планет: Код:
Снимок экрана 2022-04-24 в 17.09.40.jpg Есть свои особенности, и я хочу сейчас нормально перерисовать это. Последний раз редактировалось Krasi; 24.04.2022 в 17:11. |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как реализовать такую систему оплаты? | electronictw | Фриланс | 4 | 29.07.2013 23:14 |
Как реализовать такую систему? | electronictw | PHP | 13 | 29.07.2013 00:34 |
Как сделать такую программу? | afirat | Паскаль, Turbo Pascal, PascalABC.NET | 0 | 09.12.2012 17:27 |
Нарисовать декартову систему координат и построить у=arcsin(x) | Рафиль | Паскаль, Turbo Pascal, PascalABC.NET | 0 | 21.12.2011 20:43 |
как сделать такую программу?!!!! | ITdocer | Паскаль, Turbo Pascal, PascalABC.NET | 0 | 19.10.2011 16:27 |