Size: a a a

JavaScript.Ninja

2020 March 24

SK

Sergey Kostyrko in JavaScript.Ninja
можно на svg
можно и на чистом css такое нарисовать но возни будет сильно больше чем с canvas
источник

DN

Dima Nazdratenko in JavaScript.Ninja
Sergey Kostyrko
можно на svg
можно и на чистом css такое нарисовать но возни будет сильно больше чем с canvas
тоесть рекомендация таки на канве рисовать?
источник

SK

Sergey Kostyrko in JavaScript.Ninja
svg или canvas - зависит от дополнительного функционала, если например надо click/hover на элементах то на svg это проще будет
источник

DN

Dima Nazdratenko in JavaScript.Ninja
Sergey Kostyrko
svg или canvas - зависит от дополнительного функционала, если например надо click/hover на элементах то на svg это проще будет
надо будет как на картинке обводить кружками нужные цыфры при клике в другой области на странице
источник

SK

Sergey Kostyrko in JavaScript.Ninja
ну это просто изменение отрисованого, я имел в виду взаимодействие с элементами на картинке
я бы сказал на svg такую картинку быстрее сделать - особенно если нужен responsive, svg скейлится, canvas придется самому считать
источник

DN

Dima Nazdratenko in JavaScript.Ninja
Sergey Kostyrko
ну это просто изменение отрисованого, я имел в виду взаимодействие с элементами на картинке
я бы сказал на svg такую картинку быстрее сделать - особенно если нужен responsive, svg скейлится, canvas придется самому считать
ок, а можешь подсказать как это сделать? может ссылки есть полезные как на svg это реализвать? А то я максимум svg встраивал как картинку)
источник

DN

Dima Nazdratenko in JavaScript.Ninja
надо где-то это нарисовать в какой-то програмке типа скетч, прогнать через svgom и встраить в html через тег svg как код?
источник

SK

Sergey Kostyrko in JavaScript.Ninja
посмотри https://www.w3schools.com/graphics/svg_inhtml.asp
судя по картинке тебе 3 тегов должно хватить - circle, line и text
источник

МБ

Михаил Бондаренко in JavaScript.Ninja
источник

SK

Sergey Kostyrko in JavaScript.Ninja
ну в этом случае d3 это overkill
источник

DN

Dima Nazdratenko in JavaScript.Ninja
ну да, d3 сильно сложно) так бы я на pixi на webgl нарисовал, но тоже думаю оверкилл, посмотрю ролики как на svg делать)
источник

SK

Sergey Kostyrko in JavaScript.Ninja
в случае с канвасом больше подошло что-то типа http://fabricjs.com/
источник

S

SF in JavaScript.Ninja
ID:0
Развивающаяся пандемия COVID-19 существенно изменяет наш мир, начиная с удаленной работы и заканчивая самоизоляцией. И, естественно, ни одно государство никогда и ни к чему не было готово. В свете этого много ответственных бизнесов так или иначе помогает властям справляться со сложившейся ситуацией. Не остался в стороне и проект JavaScript.ninja. К сожалению, я плохо верю в эффективность глобальных скоординированных мировых инициатив, поэтому действуем локально: сегодня проект перечислил ₴250 000 (около $9000 по текущему курсу) на обеспечение помощи людям, которые находятся в группе риска (а это преимущественно пенсионеры) в городе Харьков, Украина. Я хочу сказать спасибо всем людям, которые сделали это возможным, а это:

* прежде всего подписчики на Patreon проекта JavaScript.ninja. Это феноменально, что почти 200 человек ждут контента (который я обещаю, будет) невзирая на паузу
* участники идущих курсов vue101: eap и basic 2020, которые смело ринулись неизвестно куда
* и участники базового курса и курса по node.js 2019

Берегите себя и помните, что часто малые локальные действия являются наиболее важными.
Круто, прям уважуха. Уверен что коллективный Гепа не украдёт? Или это в частный фонд, а не городу.
источник

В

Володя in JavaScript.Ninja
Всем привет мне нужна помощь
источник

В

Володя in JavaScript.Ninja
По js
источник

M

Max in JavaScript.Ninja
Я знаю js, я помог тебе?
источник

MV

Maxim Vishnevsky in JavaScript.Ninja
Поконкретнее бы
источник

MK

Maks Kravchenko in JavaScript.Ninja
источник

DS

Dima Sambors'kyi in JavaScript.Ninja
Спасибо, невероятно, но это то что мне как раз было нужно 😳
источник

T

Timofey in JavaScript.Ninja
Добрый день! На платной подписке можно продолжение этой серии уроков получить ? https://youtu.be/jcteLi_nh6k
источник