TAG
CSS
JavaScript
Result
Run
License
<canvas id="mycanvas" width="200" height="200"></canvas>
#mycanvas { border: 1px solid #CCC; }
window.addEventListener("load", function() { const elCanvas = document.getElementById("mycanvas"); const context = elCanvas.getContext("bitmaprenderer"); const offscreen = new OffscreenCanvas(200, 100); const offScreenContext = offscreen.getContext("2d"); offScreenContext.fillRect(0, 0, elCanvas.width, elCanvas.height); offScreenContext.strokeStyle = "#FFFF00"; offScreenContext.lineWidth = 1; offScreenContext.rect(10, 10, 180, 80); offScreenContext.stroke(); let bitmap = offscreen.transferToImageBitmap(); context.transferFromImageBitmap(bitmap); });
Console
expand_less
License
License
by DevDic
Close