canvas - рисуем от руки

[Makha]

canvas элемент предоставляет сценариям зависимый от разрешения растровый холст, который может использоваться для того, чтобы представить графики, игровую графику, или другие визуальные изображения на лету.

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

В интерактивных визуальных носителях, если сценарии включены для canvas элемент, и если поддержка canvas элементы были включены, canvas элемент представляет встроенный контент состоящий из динамически создаваемого изображения.

В неинтерактивных, статических, визуальных носителях, если canvas элемент был ранее подрисован (например, если страница просматривалась в интерактивном визуальном носителе и теперь печатается, или если некоторый сценарий, который работал во время процесса макета страницы, подрисовал элемент), тогда canvas элемент представляет встроенный контент с текущим изображением и размером. Иначе, элемент представляет свой контент нейтрализации вместо этого.

canvas у элемента есть два атрибута, чтобы управлять размером координатного пространства: width и height. У этих атрибутов, когда определено, должны быть значения, которые являются допустимыми неотрицательными целыми числами. width значения по умолчанию атрибута к 300, и height значения по умолчанию атрибута к 150.

Как же этот холст выглядит? В действительности, никак. У тега нет собственного контента и рамки.

Невидимый холст

Код выглядит так.

< canvas width="300" height="225">

Давайте добавим пунктирную рамку, чтобы увидеть, с чем мы имеем дело.

Холст с рамкой