Создайте анимацию и сделайте свой сайт красивее.
Когда мы разрабатывали обычный веб-сайт, мы использовали некоторые HTML-теги, такие как div, span и ul. Но эти теги имеют ограниченные возможности: div - это просто прямоугольный контейнер, ul - просто контейнер списка, их нельзя использовать для создания анимации и других пользовательских стилей.
Что делать, если вы хотите нарисовать обезьяну или добавить эффект случайных частиц на свою веб-страницу?
Canvas был рожден для этого.
От MDN Canvas имеет следующее определение:
Canvas API предоставляет средства для рисования графики с помощью JavaScript и элемента HTML
<canvas>. Среди прочего, его можно использовать для анимации, игровой графики, визуализации данных, обработки фотографий и обработки видео в реальном времени.
По-моему, Canvas - это буквально холст. Кто угодно может нарисовать на нем что угодно.
Если вам интересна эта техника, вы можете научиться использовать холст вместе со мной. В следующих уроках я представлю его с большим количеством анимаций и диаграмм, а затем сделаю несколько забавных демонстраций.
Показатель:
