ImageBitmapRenderingContext

概要

ImageBitmapRenderingContext は ImageBitmap を Canvas へゼロコピーで転送する軽量なコンテキストです。

対応ブラウザ

基本構文

const ctx = canvas.getContext('bitmaprenderer');
const response = await fetch('image.png');
const blob = await response.blob();
const bitmap = await createImageBitmap(blob);
ctx.transferFromImageBitmap(bitmap);

実務での使いどころ

• ImageBitmapRenderingContext の活用

  ImageBitmapをCanvasに高速転送するレンダリングコンテキスト。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — ImageBitmapRenderingContext