HTML5 canvas: изучаем основные свойства, рисуем графики | HTML, CSS, JS

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024

Комментарии • 32

  • @andrewchekh4752
    @andrewchekh4752 3 года назад +7

    Это лучший урок по канвас, который я видел. Умничка продолжай дальше)

    • @webelart
      @webelart  3 года назад

      Спасибо! ❤️

  • @deniskotov
    @deniskotov 2 года назад +1

    Очень понятно и особенно важно - в темпе рассказано, без долгих рассуждений. Спасибо. Было очень полезно.

  • @user-yu1bq5ic8r
    @user-yu1bq5ic8r 13 дней назад

    Очень все доступно объяснили, спасибо

  • @elford9337
    @elford9337 2 года назад +3

    оч круто, надеюсь будут еще видео о canvas)) я бы прям курс прошел

  • @victoriatelichko2937
    @victoriatelichko2937 3 года назад +2

    Лен, как всегда, очень доходчиво о сложном! 🙌🤩

  • @egorlazuka8211
    @egorlazuka8211 3 года назад +3

    Спасибо за ролик, было интересно.
    Не много конструктива:
    1. Статические константы именуются капсом - const SOME_VALUE = 1;
    2. Чуть более понятно называть переменные, например scaleX -> cellXWidth, xAxis -> xAxisCenter

    • @webelart
      @webelart  3 года назад +1

      Спасибо за просмотр! 😘
      Спасибо большое и за конструктив. Ох уж это именование, отдельная наука вообще! 😂
      Вы бы знали как я именовала переменные в начале своей карьеры, пожалуй мои переменные поднимали настроение всей команде. До сих пор с пристрастием к ним подхожу! 😍🥰
      Про капслоки обычно подхожу к этому с долей пофигизма, особенно в проектах, которые на быструю руку накидываю. Если проект серьезный и большой, то там уже вступают линтеры и прочие соглашения по команде.

  • @gritsienkooleg3447
    @gritsienkooleg3447 Год назад

    Реально, спасибо большое!! Теперь считай с canvas работал ))

  • @alexanderpoker6655
    @alexanderpoker6655 Год назад

    Классный материал, без лишней воды

  • @vmekza
    @vmekza Год назад

    Спасибо огромное! Все понятно и ясно. Помогли сделать домашку :)

  • @viacheslavchabanenko4744
    @viacheslavchabanenko4744 2 года назад

    благодарю! все очень наглядно и понятно! Спасибо!

  • @ye5275
    @ye5275 2 года назад

    Почему вам нельзя поставить 100 лайков? Огромное спасибо за урок!!!

  • @maxet2374
    @maxet2374 3 года назад

    ИНтересная подача материала, приятно слушать, вся суть излагается довольно быстро

  • @simplewebforyou511
    @simplewebforyou511 3 года назад

    Отличный урок! Хотелось бы узнать как создавать графики с помощью svg

  • @hasegawataizou5038
    @hasegawataizou5038 2 года назад

    😍

  • @clickabelno
    @clickabelno 3 года назад

    Лайк умнице!!)

  • @ElPablo112
    @ElPablo112 3 года назад

    Почему вы не пользуетесь Emmet?

    • @webelart
      @webelart  3 года назад +1

      Люблю печать 🙃

  • @locoloji
    @locoloji 2 года назад

    Очень поравился урок, но у меня не получилось задать цвет и рисования, хотя я делала, все как в уроке. В чем может быть проблема?

    • @webelart
      @webelart  2 года назад

      Спасибо! Скиньте ваш файл на hello@webelart.com и напишите, какой цвет не получилось задать, посмотрю по возможности и отвечу. Так сложно понять дистанционно.

  • @toadsk8289
    @toadsk8289 3 года назад

    Uncaught TypeError: Cannot read property 'getContext' off null at main.js:2 в консоле пишет, вторая строка это var ctx = cvs.getContext("2d"); помогите пожалуйста!

    • @webelart
      @webelart  3 года назад

      cvs переменная не определена. Как происходит определение cvs, что в нём лежит?

    • @toadsk8289
      @toadsk8289 3 года назад

      @@webelart var cvs = document.getElementById("canvas");

    • @toadsk8289
      @toadsk8289 3 года назад

      @@webelart первую строку я написал, в чем проблема?!

    • @webelart
      @webelart  3 года назад

      @@toadsk8289 как выглядит html и определение

    • @toadsk8289
      @toadsk8289 3 года назад

      Заголовок страницы

  • @MrGeorgeMS
    @MrGeorgeMS Год назад

    ! + tab - создает основную структуру HTML документа.