<div class="container">
<canvas id="canvas" width="1024" height="1024">
Canvas requires a browser that supports HTML5.
</canvas>
<img id="salt-bae" src="https://media4.s-nbcnews.com/j/newscms/2017_05/1890591/170203-salt-bae-mn-1530_060e5898cdcf7b58f97126d3cfbfdf71.nbcnews-ux-2880-1000.jpg"/>
</div>
#salt-bae {
display: none;
}
function drawImage() {
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.clearRect(0, 0, canvas.width, canvas.height);
var img = document.getElementById('salt-bae');
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
}
onload = function() {
drawImage();
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.