The OffscreenCanvasRenderingContext2D.commit() method of the Canvas 2D API copies the rendering context's bitmap to the bitmap of the placeholder <canvas> element of the associated OffscreenCanvas object. The copy operation is synchronous. Calling this method is not needed for the transfer, since it happens automatically during the event-loop execution.
js
commit()
js
const placeholder = document.createElement("canvas"); const offscreen = placeholder.transferControlToOffscreen(); const ctx = offscreenCanvas.getContext("2d"); // Perform some drawing using the 2d context ctx.fillStyle = "blue"; ctx.fillRect(0, 0, 10, 10); // Push placeholder to the canvas element ctx.commit();
| Specification |
|---|
| HTML Standard # offscreencontext2d-commit |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
commit |
No | No | 105 | No | No | 16.4 | No | No | 105 | No | 16.4 | No |
OffscreenCanvasRenderingContext2D
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvasRenderingContext2D/commit