coderef

ImageBitmapRenderingContextBaseline · Widely available

The ImageBitmapRenderingContext API is the "bitmaprenderer" rendering context for the <canvas> element. It is commonly used to transfer frames from an OffscreenCanvas to a user-visible <canvas> element.

Supported in all major browsers for at least 30 months — safe to use without fallbacks. Baseline since Jan 15, 2020. Widely available since Jul 15, 2022.

Browser support

DesktopChrome
1–65Not supported
66+Supportedsince Apr 17, 2018
Current: 155
Edge
12–18Not supported
79+Supportedsince Jan 15, 2020
Current: 154
Firefox
1–49Not supported
50+Supportedsince Nov 15, 2016
Current: 157
Safari
1–11Not supported
11.1+Supportedsince Apr 12, 2018
Current: 27
MobileChrome Android
18–65Not supported
66+Supportedsince Apr 17, 2018
Current: 155
Firefox Android
4–49Not supported
50+Supportedsince Nov 15, 2016
Current: 157
Safari iOS
1–11Not supported
11.3+Supportedsince Mar 29, 2018
Current: 27

How to use

This feature is Baseline widely available — use it freely, no fallback needed.

Example

Full syntax and examples are on MDN: ImageBitmapRenderingContext.

Feature detection

JS · check before using
if ("ImageBitmapRenderingContext" in globalThis) {
  // ImageBitmapRenderingContext is available
} else {
  // load a polyfill or use a fallback
}

Sub-features

Support for each part of the feature (5). The overall table above shows when the whole feature works.

Sub-featureChromeEdgeFirefoxSafariChrome AndroidFirefox AndroidSafari iOS
HTMLCanvasElement.getContext.bitmaprenderer_context66794611.1664611.3
HTMLCanvasElement.getContext.bitmaprenderer_context.options_alpha_parameter6679✕11.166✕11.3
ImageBitmapRenderingContext66794611.1664611.3
ImageBitmapRenderingContext.canvas66799711.1669711.3
ImageBitmapRenderingContext.transferFromImageBitmap66795011.1665011.3