Run results for: Performance HTMLCanvasElement vs OffscreenCanvas no create

Run details:

User agent: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 135

Operating system: Android

Device Platform: Mobile

Date tested: 2 days ago

Test name	Executions per second
HTMLCanvasElement	23284.6 Ops/sec
OffscreenCanvas	20612.2 Ops/sec

Script Preparation code:

function draw(canvas) {
  const ctx = canvas.getContext("2d")

  // Shadow
  ctx.shadowColor = "red";
  ctx.shadowBlur = 15;

  // Rectangle
  ctx.fillStyle = "blue";
  ctx.fillRect(20, 20, 150, 100);
}

window. raw = document.createElement("canvas")
window. off = new OffscreenCanvas(300, 150)

Tests:

HTMLCanvasElement
draw(raw)
OffscreenCanvas
draw(off)