El mejor tutorial de Objeto HTML DOM lienzo en 2024. En este tutorial podrás aprender
objeto Canvas,Color, estilo, y las sombras,Estilo de línea,rectángulo,camino,cambio,texto,La representación en imágenes,operaciones de píxeles,síntesis,otro,propiedades estándar y eventos,Artículos relacionados,
Objeto HTML DOM lienzo
objeto Canvas
objeto Canvas es nuevo en HTML5.
etiqueta HTML5 <canvas> se utiliza para dibujar una imagen (una secuencia de comandos es generalmente JavaScript).
Acceso a Objetos de lona
Puede utilizar getElemenById () para acceder al elemento <canvas>:
var x = document.getElementById("myCanvas");
尝试一下
Crear un objeto Canvas
Usted puede utilizar el método document.createElement () para crear un elemento <canvas>:
var x = document.createElement("CANVAS");
尝试一下
Nota: <canvas> elemento en sí no tiene la capacidad de dibujar (es sólo un contenedor gráfico) - Se debe utilizar una secuencia de comandos para hacer la tarea real de dibujo.
getContext método () devuelve un objeto que proporciona métodos y propiedades para dibujar sobre el lienzo.
Este manual proporciona una completa propiedades y métodos getContext ( "2d") objeto que se puede utilizar para dibujar texto, líneas, rectángulos, círculos, etc., sobre el lienzo.
Color, estilo, y las sombras
Estilo de línea
rectángulo
camino
cambio
texto
La representación en imágenes
operaciones de píxeles
属性 |
描述 |
width |
返回 ImageData 对象的宽度。 |
height |
返回 ImageData 对象的高度。 |
data |
返回一个对象,其包含指定的 ImageData 对象的图像数据。 |
síntesis
otro
方法 |
描述 |
save() |
保存当前环境的状态。 |
restore() |
返回之前保存过的路径状态和属性。 |
createEvent() |
|
getContext() |
|
toDataURL() |
|
propiedades estándar y eventos
objeto Canvas también es compatible con los estándares atributos y eventos .
Artículos relacionados
Tutorial HTML: HTML elemento <canvas>