Эта статья в основном представляет учебник по использованию Canvas в HTML5, чтобы нарисовать улыбающееся лицо. Использование холста для рисунка является основной функцией в HTML5. Друзья, которые это нужно, могут ссылаться на это
Сегодня вы изучите веб -технологию, называемую Canvas и ее ассоциацией с объектной моделью документа (часто называемой DOM). Эта технология очень мощная, потому что она позволяет веб -разработчикам доступ и изменять HTML -элементы с помощью JavaScript.
Теперь вам может быть интересно, почему нам нужно использовать JavaScript Короче говоря, HTML и JavaScript взаимозависимы, и некоторые компоненты HTML, такие как элементы холста, не могут использоваться отдельно от JavaScript. В конце концов, если мы не можем нарисовать на это, что может сделать холст?
Чтобы лучше понять эту концепцию, мы постараемся нарисовать простое смайлик с образцом проекта. Давайте начнем.
начинать
Сначала создайте новый каталог, чтобы сохранить файлы проекта, а затем откройте ваш любимый текстовый редактор или инструмент веб -разработки. После того, как вы сделаете это, вы должны создать пустой индекс.html и пустой Script.js, после чего мы будем продолжать редактировать.
Далее, давайте изменим файл index.html, который не включает много вещей, потому что большая часть кода в нашем проекте будет написана в JavaScript. Что нам нужно сделать в HTML, так это создать элемент Canvas и ссылочный Script.js, что довольно просто:
Xml/html -код копировать содержимое в буфер обмена