Canvas Prototype: getImageData / putImageData / editImageData

HTMLCanvasElement.prototype.imageData.js

HTMLCanvasElement.prototype.getImageData = function (x, y, width, height) {
	return this.getContext('2d').getImageData(parseFloat(x) || 0, parseFloat(y) || 0, width != null ? parseFloat(width) : this.width, height != null ? parseFloat(height) : this.height);
};

HTMLCanvasElement.prototype.putImageData = function (imageData, x, y, width, height) {
	var canvas = this;

	canvas.width = width != null ? parseFloat(width) : canvas.width;
	canvas.height = height != null ? parseFloat(height) : canvas.height;

	canvas.getContext('2d').putImageData(imageData, parseFloat(x) || 0, parseFloat(y) || 0);

	return canvas;
};

HTMLCanvasElement.prototype.editImageData = function (callback, x, y, width, height) {
	var canvas = this;

	if (typeof callback == 'function') {
		var imageData = canvas.getImageData(x, y, width, height);

		callback.call(canvas, imageData);

		canvas.putImageData(imageData, x, y, width, height);
	}

	return canvas;
};