Skip to content

Instantly share code, notes, and snippets.

@codemasta92
Created May 8, 2012 13:08
Show Gist options
  • Save codemasta92/2634809 to your computer and use it in GitHub Desktop.
Save codemasta92/2634809 to your computer and use it in GitHub Desktop.
generateClickMap:function (image) {
var imageData, data, width, height;
var c = document.createElement('canvas');
var ctx = c.getContext('2d');
var clickMap = [];
width = image.width;
height = image.height;
c.width = width;
c.height = height;
ctx.drawImage(image, 0, 0);
imageData = ctx.getImageData(0, 0, width, height);
data = imageData.data;
for (var i = 0, n = data.length; i < n; i += 4) {
var row = Math.floor((i / 4) / width);
var col = (i / 4) - (row * width);
if (!clickMap[row]) clickMap[row] = [];
clickMap[row][col] = data[i + 3] == 0 ? 0 : 1;
}
return clickMap;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment