JavaScript Canvas 4. Дуги и круги
Рет қаралды 29,850
7 жыл бұрын⏰ Курс JavaScript 2.0: itgid.info/course/javascript-2
🧠 Чат Telegram c мозголомками : t.me/itgid_info
👇 Разверни для полной информации
💎 Курс Функции в JavaScript: itgid.info/course/function-2021
🧑🏻💻 Сайт: itgid.info
😋 Курс Методы массивов: itgid.info/course/arraymethod
Скачать файлы урока: w3.org.ua/canvas/javascript-ca...
Мы на facebook: / w3.org.ua
Учимся рисовать дуги и круги в canvas. Анимируем создание круга.
@user-qh4zv9qc9h 2 жыл бұрын
Я восхищаюсь доступностью подачи инфы!!! Александр, спасибо!!!!
@user-jx3mn9cl8i 4 жыл бұрын
"Вспоминаем математику, наконец-то она пригодилась" - ахаха, точно)
@raiden1860 5 жыл бұрын
Прям чудеса! Математика и геометрия, без этого в canvas мало что выйдет )
@marineazizyan2125 2 жыл бұрын
Спасибо за понятные уроки.
@user-wv7tx4mb6d 4 жыл бұрын
Спасибо , очень доходчиво объясняете.
@user-ho5rm7qc7q 4 жыл бұрын
спасибо за понятные уроки
@awstrv 7 жыл бұрын
отличные уроки! автору спасибо:)
@urbanmauglisq9554 6 жыл бұрын
Интересно!
@helloworld-dl8ep 6 жыл бұрын
Спасибо
@user-il3xh5di2i 3 жыл бұрын
Странная опечатка art и arc, при том c и t находятся далеко друг от друга. Уроки очень полезные. Спасибо большое
@user-rj6ro3mp1p 6 жыл бұрын
если применять ctx.fill(); после ctx.stroke();, то толщина обводки перекрывается заливкой примерно в половину, если же ctx.fill(); прописывать перед ctx.stroke();, то отрисовывает нормально. На Windows в Хроме и Мозилле поведение одинаковое, другие не проверял.
@user-kf1vk2kr3i 7 жыл бұрын
Прекрасные уроки, однозначно палец вверх, но зачем убрали текст по этой теме с сайта? Иногда хочется почитать, а не скакать по видео в поисках нужного кусочка
@MrKokokokokokkokokok 7 жыл бұрын
Что делать, если у меня с окружностью рисуется еще и линия arcTo, хотя я пишу только ctx.arc ?
@HayerGames 2 жыл бұрын
Попробуй вписать перед ctx.arc. ctx.beginPath()
@maxim8118 3 жыл бұрын
Алекс во многих видео вы допускаете незначительные ошибки в названиях функций, свойств и т.д. Этим Вы учите нас внимательности, мне так кажется или я не прав?
@Metalscream 5 жыл бұрын
Объясните по какой формуле он нашел радиус? я так и не понял. Единственное что я понял это что радиус является гипотенузой, но как он нашел катеты?
@artiomaliev9200 5 жыл бұрын
Теорема Пифагора. с^2 = а^2 + b^2 или с = √(а^2 + b^2) Вместо Math.sqrt (квадратный корень) он использует возведение в степень 0.5 с помощью Math.pow(x, 0.5)
@artiomaliev9200 5 жыл бұрын
Катеты event.offsetX и .offsetY
@user-hu5ht8fs3v 6 жыл бұрын
блин , вот я как бы все понимаю как работает , специально после урока пересматриваю код по несколько раз и проговориваю что для чего и что вообще просиходит , но в итоге мне кажется в реаьльных условиях нихуя не смогу сделать (
@itgid 6 жыл бұрын
Вы должны понять - у вас есть ограниченный набор деталей - это конструкции языка. С них нужно собрать программу. Когда вы сможете описать задание в конструкциях языка вы сможете программировать.
@user-ho5rm7qc7q 4 жыл бұрын
копирую все что нарисовано на экране, досконально - слово в слово - квадрат с другого урока - отрисовывает, а дуги - нет: var ris = document.getElementById("pp"); var ctx = ris.getContext("2d"); var pi = Math.Pi; //ctx.fillRect(5, 5, 150, 150); ctx.lineWidth = 5; ctx.arc(150, 150, 200, 0, 2*pi, false); ctx.stroke(); что не так уважаемые?(((((((
@dmytromahas9207 4 жыл бұрын
у тебя ctx.lineWidth = 5; а должно быть ctx.lineWidth = "5";
@user-ho5rm7qc7q 4 жыл бұрын
@@dmytromahas9207 спасибо, но проблема уже решена, дело было в таймауте - программа просто не успевала сообщать переменные для отрисовки
𝐧𝐞𝐫𝐝𝐢𝐳𝐚𝐲-𝐜𝐨𝐝𝐞
Рет қаралды 13 М.
3Blue1Brown translated by Sciberia
Рет қаралды 779 М.