Latest web development tutorials

etiqueta <canvas> HTML

Ejemplos

Por elemento <canvas> para visualizar un rectángulo rojo:

<lienzo id = "myCanvas"> </ canvas> <script type = "text / javascript"> tela var = document.getElementById ( 'myCanvas'); var ctx = canvas.getContext ( '2d'); ctx.fillStyle = "# FF0000"; ctx.fillRect (0,0,80,100 ); </ script>

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9, Firefox, Opera, Chrome y Safari apoyo <canvas> etiqueta.

Nota: IE 8 o versiones anteriores del navegador Internet Explorer no es compatible con <canvas> etiqueta.

definiciones de código e instrucciones

la etiqueta <canvas> para dibujar gráficos (como los gráficos y otras imágenes) a través de secuencias de comandos (normalmente JavaScript).

la etiqueta <canvas> es un contenedor gráfica, se debe utilizar una secuencia de comandos para dibujar gráficos.

Diferencias entre HTML 4.01 y HTML5

la etiqueta <canvas> es nuevo en las etiquetas HTML5.

Notas y sugerencias

NOTA: elemento <canvas>se mostrará en ningún texto no soporta la etiqueta <canvas> navegador.

Consejo: Si quieres conocer todas las propiedades y métodos de los objetos de la lona, consulte el Manual de referencia de HTML lienzo .

propiedad

Nuevo: HTML5 nueva propiedad.

属性 值 描述
height New pixels 规定画布的高度。
width New pixels 规定画布的宽度。

Propiedades globales

<Canvas> etiqueta es compatible con HTML propiedades globales .

Propiedades del evento

<Canvas> etiqueta es compatible con las propiedades de evento HTML .