HTMLCanvasElement
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
La interfaz HTMLCanvasElement
provee propiedades y métodos para manipular la capa de presentación de los elementos de tipo canvas. La interfaz HTMLCanvasElement
también hereda las propiedades y métodos de la interfaz HTMLElement
.
Propiedades
Hereda propiedades de la interfaz padre, HTMLElement
.
HTMLCanvasElement.height
-
Un entero positivo que se asocia al atributo HTML
height
del elemento<canvas>
interpretada en píxeles CSS. Cuando el atributo no está especificado, o si este se inicializa a un valor inválido, como un negativo, el valor 150 es usado por defecto. HTMLCanvasElement.mozOpaque
No estándar-
Un
Boolean
asociado al atributo HTMLmoz-opaque
del elemento<canvas>
. Proporciona al canvas una forma de saber si la transparencia será considerada un factor. Si el canvas conoce que no hay transparencia, el desempeño de renderezación será optimizado. HTMLCanvasElement.width
-
Un entero positivo asociado al atributo HTML
width
del elemento canvas<canvas>
interpretado en píxeles CSS. Cuando el atributo no está especificado, o si se inicializa a un valor inválido, como un negativo, se utiliza el valor 300 por defecto.
Métodos
Herada métodos de la interfaz padre, HTMLElement
.
HTMLCanvasElement.captureStream()
Experimental-
Retorna un
CanvasCaptureMediaStream
que es una captura de video en tiempo real, de la superficie del canvas. HTMLCanvasElement.getContext()
-
Retorna el contexto del dibujado del canvas, o bien null(nulo) si el ID de contexto no está soportado. Un contexto de dibujo, te permite dibujar sobre el canvas. Llamando al método getContext con el parámetro
"2d"
retorna un objetoCanvasRenderingContext2D
, mientras que el llamarlo con el parámetroca"experimental-webgl"
(o"webgl"
) retorna un objetoWebGLRenderingContext
. Este tipo de contexto sólo está disponible en navegadores que implementen WebGL. HTMLCanvasElement.toDataURL()
-
Retorna una data-URL conteniendo una representación de la imagen en el formato especificado por el tipo de parámetro(png por defecto). La imagen de retorno se encuentra a una resolución de 96dpi.
HTMLCanvasElement.toBlob()
-
Crea un objeto
Blob
representando la imagen contenida en el canvas; este archivo puede ser cacheado en disco o bien almacenado en memoria, lo cual dependerá del "user-agent"(especificación del navegador). HTMLCanvasElement.mozGetAsFile()
No estándar Obsoleto-
Retorna un objeto
File
representando una imagen contenida en el canvas; este archivo es del tipo memory-based, con su nombre especificado. Si el tipo no se especifica, el tipo usado por defecto esimage/png
.Nota: Sólo puede ser invocado desde Chrome.
Especificaciones
Specification |
---|
HTML Standard # htmlcanvaselement |
Compatibilidad con navegadores
BCD tables only load in the browser
Ver también
- Elementos HTML implementando esta interfaz:
<canvas>
.