image base64字符串到uint8clampedarray

React Native的新答案:

这个包裹应该起作用。如果可行,请告诉我。

https://www.npmjs.com/package/get-image-data

旧的浏览器电源:

首先将base64 img放在画布中,如下所述:

Base64 PNG data to HTML5 canvas

然后应用 ImageData 对你 canvas ( https://developer.mozilla.org/en-US/docs/Web/API/ImageData )

这将给您期望的结果。

我发现的解决方案如下:

它需要使用 typedarray , Buffer , jpeg-js

var Uint8ClampedArray = require('typedarray').Uint8ClampedArray;
const Buffer = require('buffer').Buffer;
global.Buffer = Buffer; // very important
const jpeg = require('jpeg-js');


const jpegData = Buffer.from(base64, 'base64');
var rawImageData = jpeg.decode(jpegData);

var clampedArray = new Uint8ClampedArray(rawImageData.data.length);
// manually fill Uint8ClampedArray, cause Uint8ClampedArray.from function is not available in react-native
var i;
for (i = 0; i < rawImageData.data.length; i++) {
  clampedArray[i] = rawImageData.data[i];
}