nodejs將圖像拆分爲塊

Question

是否有nodeJS方法將圖像拆分爲單個塊？ 可能具有不同的維度？

像下面

Answer 1

照片圖像我做了這樣的事情使用jimp，但大概可以簡潔得多......

var Jimp = require("jimp"); 

/** 
* @param filename - input file 
* @param numSlices - how many slices 
* @param attenuation - how quickly slices get smaller 
*/ 
function sliceImage(filename, numSlices, attenuation) { 
    Jimp.read(filename).then(image => { 
     let w = image.bitmap.width; 
     let h = image.bitmap.height; 
     let sliceWidth = w/numSlices; 
     let midlane = w/2; 
     let slack = 0.001; 

     let slices = []; 

     function slicePair(left, right) { 
      if (left < (0 - slack) || (right - sliceWidth) > (w + slack)) { 
       return; 
      } 

      let leftSlice = image.clone(); 
      let rightSlice = image.clone(); 

      leftSlice.crop(left, 0, sliceWidth, h); 
      rightSlice.crop(right - sliceWidth, 0, sliceWidth, h); 

      slices.push(leftSlice); 
      slices.push(rightSlice); 

      slicePair(left - sliceWidth, right + sliceWidth); 
     } 

     function doSlice() { 
      if (numSlices % 2 == 0) { 
       slicePair(midlane - sliceWidth, midlane + sliceWidth); 
      } else { 
       let middle = image.clone(); 
       middle.crop(midlane - (sliceWidth/2), 0, sliceWidth, h); 
       slices.push(middle); 
       slicePair(midlane - (1.5 * sliceWidth), midlane + (1.5 * sliceWidth)); 
      } 
     } 

     function overlay() { 
      let canvas = image.clone().brightness(1); 
      let odd = !(slices.length % 2 === 0); 
      let adjust = odd ? (sliceWidth/2) : 0; 
      slices.reverse(); 
      if (odd) { 
       let middle = slices.pop(); 
       canvas.composite(middle, (midlane - (sliceWidth/2)), 0); 
      } 
      for (let i = 0; i < (slices.length + 2); i++) { 
       let k = odd ? (i + 1) : i; 
       let left = slices.pop().crop(0, attenuation * k, sliceWidth, (h - (attenuation * k) * 2)); 
       let right = slices.pop().crop(0, attenuation * k, sliceWidth, (h - (attenuation * k) * 2)); 
       canvas.composite(left, (midlane - ((i + 1) * sliceWidth)) - adjust, (attenuation * k)); 
       canvas.composite(right, (midlane + (i * sliceWidth)) + adjust, (attenuation * k)); 
      } 
      canvas.write("result.jpg"); 
      return canvas; 
     } 

     doSlice(); 
     return overlay(); 
    }); 
}