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

Obiekt ImageBitmapRenderingContext()

[_] [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]

Metody ImageBitmapRenderingContext():

transferFromImageBitmap() - wyświetla dane ImageBitmap w obszarze roboczym skojarzonym z tym kontekstem

Przykłady:

<script>

 window.onload = () => {

 const canvas = document.getElementById("canvas").getContext("bitmaprenderer");

 // Narysuj scenę WebGL poza ekranem
 const offscreen = new OffscreenCanvas(100, 100);
 const gl = offscreen.getContext("webgl");

 // Przenieś bieżącą klatkę na widoczne canvas
 const obraz = offscreen.transferToImageBitmap();
 canvas.transferFromImageBitmap(obraz);

 return;

 };

</script>

<canvas id="canvas" width="500" height="300"></canvas>

Opis:
Interfejs ImageBitmapRenderingContext to kontekst renderowania płótna, który zapewnia funkcję zastępowania zawartości płótna podanym plikiem ImageBitmap(). Jego identyfikator kontekstu, pierwszy argument lub HTMLCanvasElement.getContext(), OffscreenCanvas.getContext() to "bitmaprenderer". Interfejs ten jest dostępny zarówno w kontekście okna, jak i procesu Web Workers.

Linki:
HTMLCanvasElement.getContext() - zwraca rysunek kontekst na canvas
ImageBitmap() - reprezentuje obraz bitmapowy, który można narysować canvas bez zbędnych opóźnień
OffscreenCanvas.getContext() -
Web Workers -