Spliced

by beej

HTML

<h1>Original</h1>

<canvas id="original"></canvas>

<h1>Splice</canvas>

<canvas id="splice"></canvas>

CSS

canvas {
    display: block;
}

JavaScript

var sourceImage, ctx, originalCanvas, spliceCanvas, spliceCtx, buffer1, buffer2;

//get the canvases
originalCanvas = document.getElementById('original');
spliceCanvas = document.getElementById('splice');

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

sourceImage.src =...