Canvas image fade

by beej

HTML

<h1>Source Canvas</h1>

<canvas id="source"></canvas>

<h1>Destination Canvas</h1>

<canvas id="destination"></canvas>

JavaScript

var sourceImage, ctx, sourceCanvas, destinationCanvas;

//get the canvases
sourceCanvas = document.getElementById('source');
destinationCanvas = document.getElementById('destination');

//get the google logo
sourceImage = new Image();

sourceImage.src =...