Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Pipop
@Pipop
Canvas
Как отрисовать несколько canvas на одной странице?
Каким образом видоизменить код, чтобы можно было вставить несколько этих огоньков на странице?
https://codepen.io/GunAlv/pen/JjdKJrR
Мои попытки провалились
Вопрос задан
более трёх лет назад
346 просмотров
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
React
+2 ещё
Средний
Canvas на девайсах с высоким dpr. Как масштабировать динамическое содержимое canvas?
1 подписчик
26 мар.
97 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать анимацию атаки в игре на JS?
2 подписчика
06 февр.
521 просмотр
1
ответ
JavaScript
+2 ещё
Простой
В чем может быть причина видимых разрывов в изображении составленном через чанки?
1 подписчик
20 янв.
118 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как отследить нажатие по определенной границе в canvas?
1 подписчик
28 окт. 2024
83 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Как вырезать в path прозрачное отверстие при помощи того же path?
1 подписчик
17 окт. 2024
108 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как синхронизировать анимацию и движение объекта (персонажа)?
1 подписчик
11 сент. 2024
115 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Как отследить событие мыши на canvas объекте?
1 подписчик
17 авг. 2024
87 просмотров
1
ответ
JavaScript
+1 ещё
Средний
Как скачать анимацию из Canvas в GIF?
5 подписчиков
03 авг. 2024
234 просмотра
0
ответов
JavaScript
+3 ещё
Средний
Как сделать анимацию плавнее?
1 подписчик
16 июн. 2024
116 просмотров
2
ответа
Canvas
Средний
Как скейлить картинку для эмуляции к реальному размеру?
1 подписчик
27 мая 2024
40 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
UX/UI Дизайнер
REES46
До 80 000 ₽
PHP и Node.js разработчик
TripShock Adventures
от 1 000 до 2 500 $
Системный аналитик (стажер/intern)
Renue
от 60 000 до 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама