[ Leksykon ] [ HTML ] [ JavaScript ] [ Obiekty ] [ canvas ]

Obiekt HTMLCanvasElement()

[_] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [X] [Y] [Z]

Dziedziczy: EventTarget < Node < Element < HTMLElement < HTMLCanvasElement

 

Właściwości HTMLCanvasElement():

height - wysokość integer height HTML atrybut elementu <canvas> 
width - szerokość integer height HTML atrybut elementu <canvas> 

Metody HTMLCanvasElement():

captureStream() - zwraca MediaStream który obejmuje zapis wideo z obszaru roboczego w czasie rzeczywistym
getContext() - zwraca rysunek kontekst na canvas
toBlob() - tworzy obiekt Blob reprezentujący obraz zawarty w canvas
toDataURL() - zwraca adres URL danych zawierający obraz canvas i określony format
transferControlToOffscreen() - przekazuje kontrolę do obiektu OffscreenCanvas

Zdarzenia HTMLCanvasElement():

contextlost - jest uruchamiane, jeśli wykryje, że pamięć kontekstem została utracona
contextrestored - jest uruchamiane, jeśli przywróci pamięć zapasową dla pliku z kontekstem
webglcontextcreationerror - jest uruchamiane, jeśli nie jest w stanie utworzyć WebGLRenderingContext
webglcontextlost - jest uruchamiane, jeśli wykryje, że bufor rysowania WebGLRenderingContext został utracony
webglcontextrestored - jest uruchamiane, jeśli przywróci bufor rysowania dla WebGL

 

 

Przykłady:

// html
<canvas id="canvas"></canvas>

// javascript, uzyskać odwołanie do elementu canvas, CanvasRenderingContext2D korzystając z canvas właściwości
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
ctx.canvas; // Wartość obiekt HTMLCanvasElement

 

const canvas = document.getElementById("canvas");
const gl = canvas.getContext("webgl");

 

Opis:
Interfejs HTMLCanvasElement udostępnia właściwości i metody manipulowania układem i prezentacją elementów HTML <canvas>. Interfejs HTMLCanvasElement dziedziczy także właściwości i metody interfejsu HTMLElement. Dziedziczy właściwości od swojego rodzica, HTMLElement.

EventTarget < Node < Element < HTMLElement < HTMLCanvasElement

  

Linki: