Andrii
@see_teens
Арсен
canv = document.createElement('canvas');
canv.addEventListener('click', (e)=> {
console.log(e);
});
Об этом речь?
Ну а по другому нельзя повесить обработчик, метод
addEventListener()
, или так
canv.onclick = function(e) {}
Арсен
так что думаю да, это то что он хотел
Anonymous
https://pastebin.com/wJqU5nFD
Anonymous
куда и как вставить обработчик чтобы при клике на фигуру он изменил ццвет к примеру ??
Арсен
у тебя на странице есть элемент canvas с id="obCanvas", достаешь этот элемент из DOM, затем вешаешь на него обработчик события click, а уже потом при клике изменяешь цвет
Anonymous
у тебя на странице есть элемент canvas с id="obCanvas", достаешь этот элемент из DOM, затем вешаешь на него обработчик события click, а уже потом при клике изменяешь цвет
я же кинул код. Вы можете вставить кусочек своего ? Я просто перепробовал уже по разному
Andrii
@see_teens , ты хочешь словить событие при клике именно на кружок, или на весь canvas?
Арсен
я же кинул код. Вы можете вставить кусочек своего ? Я просто перепробовал уже по разному
я то могу) но ты сам не хочешь попробовать?
Anonymous
Anonymous
я то могу) но ты сам не хочешь попробовать?
вот так например пробовал хз - obCanvas.onclick = func (){ obCanvas.fillStyle = 'black'; obCanvas.fill(); };
Anonymous
на кнопки я онклике вешал без проблем, а тут с канвасом как ?
Dmitry
Или стиль повесить, например
Dmitry
Класс тоесть
Anonymous
Или стиль повесить, например
С эвент листенер поправь если неправильно obCancas.addEventListener ( "click". func() )
Anonymous
obCanvas.addEventListener ( "click", func() ) вот так правильней, но не суть.. один фиг не работает
Арсен
работает, то что у тебя не меняется цвет - не говорит о том что событие click не срабатывает, напиши console.log(1) и увидишь как в консоли после клика появится 1
Anonymous
работает, то что у тебя не меняется цвет - не говорит о том что событие click не срабатывает, напиши console.log(1) и увидишь как в консоли после клика появится 1
b.addEventListener("click", function() {alert('Еще раз спасибо!')}, false); - вот к примеру сработает, да, но это канвас в целом реагирует. А как сделать чтобы кликая на шарик именно срабатывало событие ???
Anonymous
С javascipt можно написать чат?
Арсен
можно, можно даже back чата на нём написать node + websocket )))
Anonymous
скинешь код?)
pa[aad
ахаха, вот это да
Anonymous
+
Арсен
)))
нет братан, пиши сам )
Anonymous
а код простого чата?
Anonymous
у меня недостаточно знаний
Dmitry
А зачем вам писать чат? Есть много решений siteheart к примеру
Арсен
простой чат на node.js + socket.io пишется за 10 минут
Anonymous
ну чтоб анонимным был
Anonymous
понимаешь?
Anonymous
лучше всего - свой.
Anonymous
сейчас посмотрим
Anonymous
простой чат на node.js + socket.io пишется за 10 минут
Anonymous
Ладно, шучу, через 10 минут
Anonymous
мусор выкину
Anonymous
, лол
Арсен
а то мы не поняли)) а так если хочешь с чего-то начать, то у меня канал на youtube по фронтенд, там есть урок как написать свой чат на node + socket, если интересно пиши в ЛС скину ссылку на канал
ℝei
Арсен
сюда может нельзя )
Арсен
забанят еще )
ℝei
Ну по теме же. А не порнхаб 😆
Арсен
ну ок)
https://www.youtube.com/channel/UCBpVvm0HPcsiNm_cNnEV7rQ
Vlad
Привет, есть вопрос - создал блок с помощью джс, вставляю его в дом, тут же мне нужно его проанимировать (ширину поменять например, неважно). Делаю это опять же с помощью джс. Почему анимация не происходит, (та же ширина, например, просто меняется)?
Vlad
Как это можно решить?
Vlad
Я делал с помощью задержки антиации (сеттаймаут)
Vlad
И ставил минимальную задержку
Арсен
фрагмент кода, как производишь анимацию
Vlad
Анимация с помощью цсс
Vlad
Transition блоку даю
Vlad
На ширину к примеру
Vlad
И в джс пишу блок.style.width = ...
Vlad
После вставки блока в дои
Vlad
Дом*
Арсен
давай ты скинешь код, а там уже видно будет что не так
Vlad
Оно то все так, работает, но если немного тормозит браузер, система, ..., То анимация не происходит
Vlad
Сейчас напишу примерны1 код
Vlad
var block = document.createElement('div');
block.style.transition = 'width 1s';
block.style.width = '0';
document.body.appendChild(block);
block.style.width = '40px';
Vlad
Блок появляется с шириной 40пх
Vlad
Без анимации
Dmitry
Попробуй создать класс и вешать его с @keywords
Dmitry
Я сегодня так же делал
Vlad
С keywords?
Дима
Думал за две недели управлюсь)
Anonymous
никуя
Anonymous
и что нового узнал?
Дима
Проще сказать что не узнал) Я ж решил что не пальцем деланый, решил сразу клиент телеграма бахнуть 😂
Дима
О степени сложности идеи за меня лучше скажет число issues здесь https://github.com/zerobias/telegram-mtproto
Это либа, которую пришлось написать для поддержки протокола
Dmitry
С keywords?
@keyframe со то не то написалось
Классу задаешь анимашку и её св ва как тут например
Dmitry
https://stackoverflow.com/questions/17767759/css3-scale-animation-keyframes
Vlad
Я так и подумал, попробую
Ильхом
добречком
Ильхом
по three.js какие книги и видеоуроки посоветуете?