<!DOCTYPE html>
<script>
window.onload = function() {
var ctx = document.getElementById('c').getContext('2d');
ctx.fillStyle = 'blue'; // this triggers the lazy creation of the image buffer
}
</script>
<style>
canvas {
border: solid red;
background: green;
}
</style>
<canvas id="c" width="100" height="100"></canvas>