Top 7 Examples of "get-pixels in functional component" in JavaScript

return new Promise(resolve => {
    getPixels(filename, function(err, p) {
      if (err) {
        console.log('Bad image path')
        return
      }
      let iX = 0
      let iY = 0
      let iN = 0
      for (let i = 100; i < p.shape[0] - 100; i++) {
        for (let j = 300; j < p.shape[1] - 300; j++) {
          const r = p.get(i, j, 0)
          const g = p.get(i, j, 1)
          const b = p.get(i, j, 2)

          // if (r < 40 && r > 33 && g < 40 && g > 33 && b < 40 && b > 33) {
          // if (r < 65 && r > 55 && g < 60 && g > 50 && b < 95 && b > 85) {
          if (inGradient('#413778', '#322364', r, g, b)) {

}
                    });
                });
            }
        } else if (api.includes('mapbox-terrain-rgb') ||
                api.includes('mapbox-satellite')) {

            // if (isOnline && dumpBlobForDebug && api.includes('mapbox-terrain-rgb')) {
            // if (isOnline && dumpBlobForDebug && api.includes('mapbox-satellite')) {
            if (isOnline && dumpBlobForDebug) {
                xhrDumpBlob(uri, api, zoompos);
                // return;
            }

            // console.log('uri:', uri);
            getPixels(uri, (err, pixels) => {
                if (err) {
                    console.log("Bad image uri:", uri);
                    cb(null);
                    return;
                }
                // console.log("got pixels", pixels.shape.slice());
                cb(pixels);
            });
        } else {
            console.log('nop, unsupported api:', api);
        }
    }

return dispatch => {
    dispatch(loadNewImagePending())
    getPixels(url, (err, colorPixels) => {
      const [originalWidth, originalHeight, ...rest] = colorPixels.shape // eslint-disable-line no-unused-vars
      let [width, height] = [originalWidth, originalHeight]
      const scaleFactor = Math.min(470 / width, 600 / height)

      if(scaleFactor < 1) {
        width = originalWidth * scaleFactor
        height = originalHeight * scaleFactor
      }

      dispatch(updateImageUrl({ url, width, height, originalWidth, originalHeight, filename }, true))

      convertToGrayscale(colorPixels).then(pixels => {
        dispatch(updateSourcePixels({ pixels }))
      })
    })
  }

function runSvgurtOnFile(config, inputFileName, outputFileName, callback) {
  const fileNameToImport = path.join(__dirname, '..', inputFileName);

  getPixels(fileNameToImport, (err, pixels) => {
    if (err) {
      callback(`Error importing image: ${err}`);
      return;
    }

    const width = pixels.shape[0];
    const height = pixels.shape[1];

    const imageDataToUse = {
      data: pixels.data
    };

    // Do image manipulation - this mutates the image data.
    // It mutates because we're depending on some libraries that mutate it... Not my choice!
    manipulateImageData(imageDataToUse, config, width, height);

return new Promise(resolve => {
    getPixels(filename, function(err, p) {
      if(err) {
        console.log('Bad image path')
        return
      }

      const isBG = (r, g, b) => {
        return (
          inGradient('#E0E0E0', '#C0C0C0', r, g, b) ||
          inGradient('#E0E0E0', '#FFC9E0', r, g, b) ||
          inGradient('#FFD4AB', '#D2946B', r, g, b) ||
          inGradient('#FFFFCA', '#E0EB7B', r, g, b) ||
          inGradient('#E0D5FF', '#BFB4F6', r, g, b) ||
          inGradient('#C0C0C0', '#A0A0A0', r, g, b)
        )
      }

set src(src) {
    this._src = src;

    getPixels(src, (error, pixels) => {
      if (error) {
        return;
      }

      const [width, height] = pixels.shape;

      this.width = width;
      this.height = height;

      const length = width * height;

      for (let pixelIndex = 0, dataIndex = 0; dataIndex < length; dataIndex ++) {
        this.imageData.r[dataIndex] = pixels.data[pixelIndex ++];
        this.imageData.g[dataIndex] = pixels.data[pixelIndex ++];
        this.imageData.b[dataIndex] = pixels.data[pixelIndex ++];
        this.imageData.a[dataIndex] = pixels.data[pixelIndex ++] / 255;

return new Promise((resolve, reject) => {
    getPixels(shrinkedImageBuffer, type, (err, pixels) => {
      if (err) {
        return reject(err);
      }

      return resolve([
        pixels.data[0],
        pixels.data[1],
        pixels.data[2],
        pixels.data[3],
      ]);
    });
  });
}