belarusweb.net
© Петр Романовский Минск, 2016-2017.



belarusweb.net

Основы создания сайтов...

HTML >>>

4.4. Реализация возможности для создания рисунков, анимации, игр при помощи тега <canvas>

В HTML 5 была реализованна возможность для создания рисунков, анимации и даже игр. Это стало возможно благодаря введению нового элемента 'canvas', формирующегося парным тегом <canvas>. Данный элемент создает область, в которой при помощи скриптов, в основном JavaScript, можно не только выводить изображения, но и рисовать их, трансформировать, менять свойства. Браузерами он по умолчанию воспринимается, как строчный элемент (аналогично изображениям).

Элемент 'canvas' обладает всего двумя собственными атрибутами: height и width, которые как раз и определяют прямоугольную область для рисования. Сам элемент графику не рисует, он лишь является контейнером, в котором графика рисуется при помощи скриптов. Как происходит процесс рисования, мы будем рассматривать при изучении JavaScript. Пока же просто будем иметь в виду, что такая возможность в HTML 5 имеется.

Контрольные вопросы и задания

  1. Для чего используется элемент 'canvas'.

Словарь новых английских слов

interchange [ˈɪntətʃeɪndʒ] – обмен, чередование.
format [ˈfɔːmat] – формат.
image [ˈɪmɪdʒ] – изображение, изображать.
alternative [ɔːlˈtəːnətɪv] – альтернативный, другой.
portable [ˈpɔːtəb(ə)l] – портативный,
переносной, ручной.
network [ˈnɛtwəːk] – сеть.
graphics [ˈɡrafɪks] – графика, проектирование.
height [hʌɪt] – высота, рост.
width [wɪtθ] – ширина, полоса.
use [ˈjuːs] – использование, применение,
использовать, употреблять.
map [mæp] – карта, план.
area [ˈeəriə] – область, зона, участок.
shape [ʃeɪp] – форма, очертание.
coordinates [ˌkəʊˈɔːdɪneɪts] – координаты.
polygon [ˈpɒlɪɡ(ə)n] – многоугольник.
rectangle [ˈrɛktaŋɡ(ə)l] – прямоугольник.
canvas [ˈkanvəs] – холст, полотно.

Комментарии (0)
Петр Романовский
1. Приветствуются комментарии, которые содержат дополнения к материалу текущей страницы, а также ваши ответы на вопросы других пользователей.
2. Если вам что-то непонятно - спрашивайте, не забывая написать, что именно и с какого места.
Показаны все комментарии
Чтобы оставить свой комментарий, авторизуйтесь, пожалуйста!    
     
belarusweb.net © Петр Романовский, Минск, 2016-2017.
Связаться с автором
Наверх