HTML5 Canvas Example

HTML

<p>There should be 2 images of cloudy skies.  In IE9, there's just one.</p>

<canvas id="canvas1" width="480" height="320"></canvas>
<canvas id="canvas2" width="480" height="320"></canvas>

<img src="http://i.imgur.com/PWSOy.jpg" id="background" />

CSS

#canvas2 {
    display:table;
}
#background {
    display: none;
}

JavaScript

$(document).ready(function() {
    var canvas1 = $("#canvas1")[0];
    var context1 = canvas1.getContext('2d');
    
    var canvas2 = $("#canvas2")[0];
    var context2 = canvas2.getContext('2d');
    
    var background = $("#background")[0];
    
    context1.drawImage(background, 0, 0);
    context2.drawImage(background, 0, 0);
});