Test case details

Preparation Code

<canvas id="canvas" height="256" width="256"></canvas>
var canvas = document.getElementById('canvas');     var canvasWidth  = canvas.width;     var canvasHeight = canvas.height;     var ctx = canvas.getContext('2d');     var imageData = ctx.getImageData(0, 0, canvasWidth, canvasHeight);         var data = imageData.data;             var buf = new ArrayBuffer(imageData.data.length);     var buf8 = new Uint8ClampedArray(buf);         var pixels = new Int32Array( imageData.data.buffer );
    ctx.putImageData(imageData, 0, 0);

Test cases

Test #1

        var value = 23 & 0xff; for (var y = 0; y < canvasHeight; ++y) {     for (var x = 0; x < canvasWidth; ++x) {         var index = (y * canvasWidth + x) * 4;         data[index]   = value;    // red         data[++index] = value;    // green         data[++index] = value;    // blue         data[++index] = 255;      // alpha     } }

Test #2

        var value = 23 & 0xff; var data32 = new Uint32Array(buf); for (var y = 0; y < canvasHeight; ++y) {     for (var x = 0; x < canvasWidth; ++x) {         data32[y * canvasWidth + x] =             (255   << 24) |    // alpha             (value << 16) |    // blue             (value <<  8) |    // green              value;            // red     } } imageData.data.set(buf8);

Test #3

        var value = 173 & 0xff; for (var y = 0; y < canvasHeight; ++y) {     for (var x = 0; x < canvasWidth; ++x) {         pixels[y * canvasWidth + x] =             (255   << 24) |    // alpha             (value << 16) |    // blue             (value <<  8) |    // green              value;            // red     } }

Test #4

        var value = 173 & 0xff; for (var i = 0; i < canvasHeight*canvasWidth; i++) {         pixels[i] =             (255   << 24) |    // alpha             (value << 16) |    // blue             (value <<  8) |    // green              value;            // red }

Test #5

var value = 173 & 0xff; lng = canvasHeight*canvasWidth for (var i = 0; i < lng ; i++) {         pixels[i] =             (255   << 24) |    // alpha             (value << 16) |    // blue             (value <<  8) |    // green              value;            // red }

Test #6

var value = 173 & 0xff; lng = canvasHeight*canvasWidth for (var i = lng-1; i != 0 ; i--) {         pixels[i] =             (255   << 24) |    // alpha             (value << 16) |    // blue             (value <<  8) |    // green              value;            // red }

Test #7

var value = 173 & 0xff; lng = canvasHeight*canvasWidth var i = lng-1 while(i--) {         pixels[i] =             (255   << 24) |    // alpha             (value << 16) |    // blue             (value <<  8) |    // green              value;            // red }