Лучшее руководство по HTML DOM Canvas объекта в 2024 году. В этом руководстве вы можете изучить
объект Canvas,Цвет, стиль и тени,Стиль линии,прямоугольник,путь,изменение,текст,рендеринга изображения,пиксельных операций,синтез,другое,Стандартные свойства и события,Статьи по Теме,
HTML DOM Canvas объекта
объект Canvas
Объект Canvas является новым в HTML5.
тег HTML5 <холст> используется для рисования изображения (сценарий обычно JavaScript).
Доступ к Canvas объекта
Вы можете использовать getElementById (), чтобы получить доступ к элементу <Canvas>:
var x = document.getElementById("myCanvas");
尝试一下
Создание объекта Canvas
Вы можете использовать метод document.createElement (), чтобы создать элемент <Canvas>:
var x = document.createElement("CANVAS");
尝试一下
Примечание: <холст> элемент сам по себе не имеет способности к рисованию (это просто графический контейнер) - Вы должны использовать сценарий для выполнения реальной задачи рисования.
Метод getContext () возвращает объект, который предоставляет методы и свойства для рисования на холсте.
Данное руководство предоставляет полные свойства и методы getContext ( "2d") объект, который может быть использован для рисования текста, линии, прямоугольники, круги и т.д. на холсте.
Цвет, стиль и тени
Стиль линии
прямоугольник
путь
изменение
текст
рендеринга изображения
пиксельных операций
属性 |
描述 |
width |
返回 ImageData 对象的宽度。 |
height |
返回 ImageData 对象的高度。 |
data |
返回一个对象,其包含指定的 ImageData 对象的图像数据。 |
синтез
другое
方法 |
描述 |
save() |
保存当前环境的状态。 |
restore() |
返回之前保存过的路径状态和属性。 |
createEvent() |
|
getContext() |
|
toDataURL() |
|
Стандартные свойства и события
Объект Canvas также поддерживает стандартные атрибуты и события .
Статьи по Теме
Учебник HTML: HTML элемент <Canvas>