You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.3 KiB
JavaScript
44 lines
1.3 KiB
JavaScript
import defined from "./defined.js";
|
|
|
|
var context2DsByWidthAndHeight = {};
|
|
|
|
/**
|
|
* Extract a pixel array from a loaded image. Draws the image
|
|
* into a canvas so it can read the pixels back.
|
|
*
|
|
* @function getImagePixels
|
|
*
|
|
* @param {HTMLImageElement} image The image to extract pixels from.
|
|
* @param {Number} width The width of the image. If not defined, then image.width is assigned.
|
|
* @param {Number} height The height of the image. If not defined, then image.height is assigned.
|
|
* @returns {ImageData} The pixels of the image.
|
|
*/
|
|
function getImagePixels(image, width, height) {
|
|
if (!defined(width)) {
|
|
width = image.width;
|
|
}
|
|
if (!defined(height)) {
|
|
height = image.height;
|
|
}
|
|
|
|
var context2DsByHeight = context2DsByWidthAndHeight[width];
|
|
if (!defined(context2DsByHeight)) {
|
|
context2DsByHeight = {};
|
|
context2DsByWidthAndHeight[width] = context2DsByHeight;
|
|
}
|
|
|
|
var context2d = context2DsByHeight[height];
|
|
if (!defined(context2d)) {
|
|
var canvas = document.createElement("canvas");
|
|
canvas.width = width;
|
|
canvas.height = height;
|
|
context2d = canvas.getContext("2d");
|
|
context2d.globalCompositeOperation = "copy";
|
|
context2DsByHeight[height] = context2d;
|
|
}
|
|
|
|
context2d.drawImage(image, 0, 0, width, height);
|
|
return context2d.getImageData(0, 0, width, height).data;
|
|
}
|
|
export default getImagePixels;
|