🏠 New in Low Baseline Support: Offscreen canvas
March 27, 2023
The OffscreenCanvas API provides a canvas that can be drawn to off screen, with no dependencies on the DOM, which can be used to run heavy rendering operations inside a worker context.
Source features
api.HTMLCanvasElement.transferControlToOffscreen[mdn]api.OffscreenCanvas[mdn]api.OffscreenCanvas.OffscreenCanvas[mdn]api.OffscreenCanvas.convertToBlob[mdn]api.OffscreenCanvas.getContext[mdn]api.OffscreenCanvas.getContext.2d_context[mdn]api.OffscreenCanvas.height[mdn]api.OffscreenCanvas.transferToImageBitmap[mdn]api.OffscreenCanvas.width[mdn]api.OffscreenCanvasRenderingContext2D[mdn]api.OffscreenCanvasRenderingContext2D.arc[mdn]api.OffscreenCanvasRenderingContext2D.arcTo[mdn]api.OffscreenCanvasRenderingContext2D.beginPath[mdn]api.OffscreenCanvasRenderingContext2D.bezierCurveTo[mdn]api.OffscreenCanvasRenderingContext2D.canvas[mdn]api.OffscreenCanvasRenderingContext2D.clearRect[mdn]api.OffscreenCanvasRenderingContext2D.clip[mdn]api.OffscreenCanvasRenderingContext2D.closePath[mdn]api.OffscreenCanvasRenderingContext2D.createImageData[mdn]api.OffscreenCanvasRenderingContext2D.createLinearGradient[mdn]api.OffscreenCanvasRenderingContext2D.createPattern[mdn]api.OffscreenCanvasRenderingContext2D.createRadialGradient[mdn]api.OffscreenCanvasRenderingContext2D.direction[mdn]api.OffscreenCanvasRenderingContext2D.drawImage[mdn]api.OffscreenCanvasRenderingContext2D.ellipse[mdn]api.OffscreenCanvasRenderingContext2D.fill[mdn]api.OffscreenCanvasRenderingContext2D.fillRect[mdn]api.OffscreenCanvasRenderingContext2D.fillStyle[mdn]api.OffscreenCanvasRenderingContext2D.fillText[mdn]api.OffscreenCanvasRenderingContext2D.font[mdn]api.OffscreenCanvasRenderingContext2D.getImageData[mdn]api.OffscreenCanvasRenderingContext2D.getLineDash[mdn]api.OffscreenCanvasRenderingContext2D.globalAlpha[mdn]api.OffscreenCanvasRenderingContext2D.globalCompositeOperation[mdn]api.OffscreenCanvasRenderingContext2D.imageSmoothingEnabled[mdn]api.OffscreenCanvasRenderingContext2D.isPointInPath[mdn]api.OffscreenCanvasRenderingContext2D.isPointInStroke[mdn]api.OffscreenCanvasRenderingContext2D.lineCap[mdn]api.OffscreenCanvasRenderingContext2D.lineDashOffset[mdn]api.OffscreenCanvasRenderingContext2D.lineJoin[mdn]api.OffscreenCanvasRenderingContext2D.lineTo[mdn]api.OffscreenCanvasRenderingContext2D.lineWidth[mdn]api.OffscreenCanvasRenderingContext2D.measureText[mdn]api.OffscreenCanvasRenderingContext2D.miterLimit[mdn]api.OffscreenCanvasRenderingContext2D.moveTo[mdn]api.OffscreenCanvasRenderingContext2D.putImageData[mdn]api.OffscreenCanvasRenderingContext2D.quadraticCurveTo[mdn]api.OffscreenCanvasRenderingContext2D.rect[mdn]api.OffscreenCanvasRenderingContext2D.resetTransform[mdn]api.OffscreenCanvasRenderingContext2D.restore[mdn]api.OffscreenCanvasRenderingContext2D.rotate[mdn]api.OffscreenCanvasRenderingContext2D.save[mdn]api.OffscreenCanvasRenderingContext2D.scale[mdn]api.OffscreenCanvasRenderingContext2D.setLineDash[mdn]api.OffscreenCanvasRenderingContext2D.setTransform[mdn]api.OffscreenCanvasRenderingContext2D.shadowBlur[mdn]api.OffscreenCanvasRenderingContext2D.shadowColor[mdn]api.OffscreenCanvasRenderingContext2D.shadowOffsetX[mdn]api.OffscreenCanvasRenderingContext2D.shadowOffsetY[mdn]api.OffscreenCanvasRenderingContext2D.stroke[mdn]api.OffscreenCanvasRenderingContext2D.strokeRect[mdn]api.OffscreenCanvasRenderingContext2D.strokeStyle[mdn]api.OffscreenCanvasRenderingContext2D.strokeText[mdn]api.OffscreenCanvasRenderingContext2D.textAlign[mdn]api.OffscreenCanvasRenderingContext2D.textBaseline[mdn]api.OffscreenCanvasRenderingContext2D.transform[mdn]api.OffscreenCanvasRenderingContext2D.translate[mdn]api.OffscreenCanvas.getContext.bitmaprenderer_context[mdn]api.OffscreenCanvasRenderingContext2D.getTransform[mdn]