TAG
JavaScript
Result
Run
License
<canvas id="mycanvas" width="210" height="210"></canvas>
window.addEventListener("load", function() { const elCanvas = document.getElementById("mycanvas"); const context = elCanvas.getContext("2d"); const elImg = new Image(100, 90); elImg.src = "https://resrc.devdic.com/img/bysize/below_200/01.png"; elImg.onload = function() { Promise.all([ createImageBitmap(elImg, 0, 0, 100, 100), createImageBitmap(elImg, 100, 0, 100, 100), createImageBitmap(elImg, 0, 100, 100, 100), createImageBitmap(elImg, 100, 100, 100, 100) ]).then(function(sprites) { context.drawImage(sprites[0], 0, 0); context.drawImage(sprites[1], 110, 0); context.drawImage(sprites[2], 0, 110); context.drawImage(sprites[3], 110, 110); }); }; });
Console
expand_less
License
License
by DevDic
Close