JavaScript Canvas 1. Основы canvas
ฝัง
- เผยแพร่เมื่อ 23 ส.ค. 2024
- ⏰ Курс JavaScript 2.0: itgid.info/cou...
🧠 Чат Telegram c мозголомками : t.me/itgid_info
👇 Разверни для полной информации
💎 Курс Функции в JavaScript: itgid.info/cou...
🧑🏻💻 Сайт: itgid.info
😋 Курс Методы массивов: itgid.info/cou...
Скачать файлы урока: w3.org.ua/canva...
Мы на facebook: / w3.org.ua
Изучаем рисование в canvas с помощь JavaScript.
![[TH] VALORANT Champions Seoul - Semi-Final - SEN vs TH](http://i.ytimg.com/vi/IewhVY9cAmQ/mqdefault.jpg)
Целое видео прикалывала эта фраза - "по одной простой причине",она звучала чуть ли не каждую минуту, но даже она не помешала процессу, ведь объяснение бесподобное
дадада))
Удивительно но ДОСТУПНО и ПРОСТО в отличии от других! БОЛЬШОЙ жирный лайк Вам и Спасибо!
Хауди Хо: ну да, ну да, пошел я нахер
Толково-разжеванный урок! Спасибо!
реально, автор весь урок что-то жевал
Спасибо, хороший урок. Потренировался и понял что не все так просто. Есть последовательность, сперва задать размеры стиль а потом команда рисовать.
Очень благодарен вам за ваши уроки!
Спасибо!
Спасибо большое, прекрасный урок, всё просто, доходчиво и понятно объяснено!
Крутейший урок, спасибо большое, пишу змейку!
спасибо за всё 👍👍👍👍👍👍👍
По одной простой причине видео - класс)
Спасибо большое за уроки!
Классный и понятный урок, спасибо
интересно продолжайте
Ваши уроки очень интересны. Будет ли актуален canvas в 2024 году?
var canvas = document.getElementById('coul');
var ctx = canvas.getContext('2d');
ctx.fillRect(100, 50, 150, 75):
Ругается на вторую строчку. Говорит примерно так: свойство getContext не читается, так как равно нулю. Подскажите пожалуйста решение проблемыы подробнее. Заранее спасибо.
5 лет назад ого
Отлично)
Спасибо.
Добрый день.Подскажите как написать код чтобы была возможность выбора инстурумента( квадрат или круг или линия)?
ааах-светлый idle
i dont understand what you say, but your act helpful for me
Здравствуйте! Я бы очень хотел видеть видео по круглому анимированному прогресс бару!
Легко, внешний вид можете примерно указать?
MrZorro z а я бы хотел увидеть продолжение по созданию магазина)
А я бы хотел за секунды загрузить все знания по JS напрямую себе в мозг, как в Матрице.
@@user-gl3zm6nl2k скоро это будет реально и нам даже это наскучит
@@user-gl3zm6nl2k Я тоже об этом недавно думал 😁
Спасибо!
Вопрос: если я хочу подгрузить img из файла и сделать из него background-image - как это сделать?
Добрый день. Спасибо за Ваши познавательные и содержательные уроки! Подскажите мне пожалуйста как новичку, что мне изучить в первую очередь: уроки canvas или уроки java script? Заранее спасибо Вам, за Ваш ответ!
Max Krutov конечно js. Ведь канвас использует js
Благодарю Вас, очень помогли мне!
Добрый день Александр , скажите а эти уроки по canvas еще актуальны ?
Да.
Как картинки загружать канвасом. Не одну, а несколько - для коллажа?
Расскажите пожалуйста про fingerprint javascript. Я так понял есть технология отслеживания уникальных посетителей при помощи canvas. При заходе на определенный сайт срабатывает Js и рисует в canvas определенную картинку. Время ее отрисовки индивидуально для каждого компьютерного железа. Таким образом можно вести статистику посещений сайта с определенной машины и куки не нужны
не слышал о таком. Если есть ссылки, то почитал бы...
В общем смотрел видео о том как сайты могут идентифицировать пользователя, который пытается скрыть свой Ip использовать прокси, очищать куки и т д и наткнулся на видео th-cam.com/video/YzbxyTuVL2E/w-d-xo.htmlm31s это касается обеспечения анонимности в сети ну и вот еще habr.com/company/oleg-bunin/blog/321294/
Как getContext не выдал ошибку если canvas описывается позже js?
такой вопрос, а что бы не задавать в html width и heigth где нужно прописать команды? я пробовал в js (ctx.style.width = 100 + 'px';) но не помогло, прямоугольник по прежнему отображался ниже заданных координат
задай в сам канвас а не в контекст
Актуален?
Grid! Griiid, не надо setka! Griiid!
ок. Учту.
Ты в Америке живёшь?
Спасибо за урок. Но у меня появился вопрос. Пишу код на sublime text. Но почему-то в консоле даётся ошибка на getContext(2d). Не как не смог решит эту проблему. Выходит такая ошибка: cannot read property getContext of null. Из-за чего может выйти это ошибка. Если знаете подскажите пжл. Заранее спасибо
Ну, чувачок, есть такая вещь - типы данных. Дык вот, метод .getContext поддерживает тип данных string. Если тебе это ничего не объясняет, скажу проще - оберни 2d в апострофы - ' '.
Скажите,какая у вас клавиатура?
apple бабочка на маке мне кажется) звук клавиатуры режет уши
@@andyvoice попробуй запиши видео без звука клавиатуры, умник. И расскажи как ты это сделал!?
@@cyraxkillallx6677 Купить микрофон не за 150 рублей. По факту практически любой конденсаторный микрофон с направленной записью не будет ловить звуки клавиатуры
что за компилятор?
Можно ли данный метод интегрировать в онлайн калькулятор для визуализации расчетов?
Конешно
Можеш использовать Chart.js
Здравствуйте я хотел задать вопрос нужно ли учить css. Если знаешь js. И canvas
Да
Так как ты учишь JS и canvas ,то скорей всего ты хочешь пойти во фронтенд,а html и CSS это фундамент на котором все строится
Если ты даже просто для саморазвития это учишь ,то без основ в CSS ты навряд ли даже сделаешь слайдер
@@kaif1267 ну СПС за подсказку отдуши ну если я знаю JavaScript+ css+ html и canvas у меня будет возможность создать игры ?
У кого ошибка в консоли - допишите defer при подключении js
Скиньте запакованный в zip пример.
Не, я-то проблему решил, это я решение описал) Просто я не дописал defer при подключении и мучился, не мог понять, из-за чего не появляется прямоугольник
js подключать бы перед или оборачивать сам скрипт в DOMContentLoaded ивэнт
Этот defer не нужен,по правильному,запульни js в конец перед закрывающимся body и этот атрибут не понадобится
пока в html не прописал ширину и высоту кенваса, черный прямоугольник так и не появился
А css вы правильно подключили?
css подключал правильно, прямоугольник с бордером отображался. Ошибка была в js. Спасибо за ответ.
потому что когда вы получаете элемент он еще не прогрузился надо либо скрипт подключить в конце страницы либо указать атрибут defer
Ссылка с файлами не работает.
завтра будет работать.
бек Храунд
а шо такое, автор может быть Украинец, прикольно звучит)
getContext не срабатывает
var canvas = document.getElementById("can1");
//да, canvas у меня с id="can1"
var ctx = canvas.getContext("2d");
Что не так ?
атрибут defer проверьте есть ли в html файле.
@@Dwemer47 Проверил, не было такого! В консоли пишет ошибку в var ctx = canvas.getContext("2d"); (Uncaught TypeError: Cannot read property 'getContext' of null)
@@Dwemer47 Короче, таки нашел решение, но не понял чего у автора работает, а у меня - нет! Решения два: 1) Поставить async в тег скрипта(html), или же добавить window.onload в сам скрипт.
Но зачем рисование,оно тут не красивое и можно использовать картинки
Конечно можно. Просто это уроки на понимание, поэтому минимум отвлечения на код.
c1 он написал видите ли сук,а надо было canvas1,два дня маялся
как лох )