Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Pipop
@Pipop
Canvas
Как отрисовать несколько canvas на одной странице?
Каким образом видоизменить код, чтобы можно было вставить несколько этих огоньков на странице?
https://codepen.io/GunAlv/pen/JjdKJrR
Мои попытки провалились
Вопрос задан
более трёх лет назад
340 просмотров
3
комментария
Подписаться
1
Средний
3
комментария
Facebook
Вконтакте
Twitter
Kovalsky
@lazalu68
"Мои попытки провалились"
- какие попытки? В примере на codepen вроде всё чистенько, никаких следов попыток
Написано
более трёх лет назад
Pipop
@Pipop
Автор вопроса
Kovalsky
, Обновил код. Попытки — как видите — убогие
Написано
более трёх лет назад
Kovalsky
@lazalu68
Pipop
, да нет, нормальные попытки.
У вас в самом начале объявлен блок переменных; эти переменные должны быть индивидуальными для каждой инициализации отрисовки.
Написано
более трёх лет назад
Решения вопроса
1
0xD34F
@0xD34F
Заверните код в класс и создавайте столько экземпляров, сколько потребуется.
https://jsfiddle.net/zx7dqjfp/
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Как сделать анимацию атаки в игре на JS?
2 подписчика
06 февр.
516 просмотров
1
ответ
JavaScript
+2 ещё
Простой
В чем может быть причина видимых разрывов в изображении составленном через чанки?
1 подписчик
20 янв.
116 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как отследить нажатие по определенной границе в canvas?
1 подписчик
28 окт. 2024
81 просмотр
2
ответа
JavaScript
+1 ещё
Простой
Как вырезать в path прозрачное отверстие при помощи того же path?
1 подписчик
17 окт. 2024
105 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как синхронизировать анимацию и движение объекта (персонажа)?
1 подписчик
11 сент. 2024
113 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Как отследить событие мыши на canvas объекте?
1 подписчик
17 авг. 2024
85 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как скачать анимацию из Canvas в GIF?
5 подписчиков
03 авг. 2024
222 просмотра
0
ответов
JavaScript
+3 ещё
Средний
Как сделать анимацию плавнее?
1 подписчик
16 июн. 2024
113 просмотров
2
ответа
Canvas
Средний
Как скейлить картинку для эмуляции к реальному размеру?
1 подписчик
27 мая 2024
38 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Почему элемент не передвигается по Y, а увеличивается по высоте?
1 подписчик
21 мая 2024
72 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
PHP разработчик (Laravel)
Creative Code
от 130 000 до 170 000 ₽
Программист 1С
Data World
•
Москва
До 220 000 ₽
Data Engineer\ Разработчик БД SQL
Data World
•
Санкт-Петербург
До 230 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама