Размещение <canvas> на страницеДанная часть занятия не вызовет затруднений ни у кого, размещается холст на странице при помощи соответствующего тега: <canvas id="lesson6" width="150" height="150"></canvas> 24.1. Атрибуты width и height не являются обязательными. По – умолчанию высота и ширина холста равны 150 и 300 пикселям соответственно. При явном задании размеров холста его картинка масштабируется соответствующим образом. По аналогии с такими новыми тегами как < audio > и < video >, элементы, размещенные в рамках парного тега < canvas > будут отображаться на странице в том случае, если используемый пользователем браузер не поддерживает < canvas >. Стилизация <canvas>; Стилизация холста не отличается от таковой для любого другого элемента веб – страницы. Могут быть заданы величины отступа, выравнивания, рамки и т.п. Поскольку мы еще не создали функцию по отрисовке содержимого холста, то и в браузере мы ничего не увидим. Создадим стиль для элемента < canvas >, задающий параметры границы вокруг элемента: canvas { border: 3px double black;} 24.2. "Привязав" файл стилей к нашей странице и открыв ее в браузере, получим следующее:
|
