uint8clampearray替代或使Uint8Array产生一个字节值的固定字符串

Uint8ClampedArray alternative or make Uint8Array produce a clamped string of byte values

本文关键字：字节 一个 字符串 Uint8Array uint8clampearray      更新时间：2023-09-26

我正在研究这个真正的令人挠头的问题!

我成功地将字节值添加到Uint8ClampedArray，并使用该数组使用此函数生成字节字符串:

this.utf8ArrayToStr = function(array) {
        var s = '';
        for (var i = 0; i < array.length; i++) {
            s += String.fromCharCode(array[i]);
        }
        return s;
};

此操作成功地生成了正确的字节序列。

问题是，并不是所有的浏览器都支持Uint8ClampedArray，我特别需要它在Android浏览器上工作。

我尝试使用标准Uint8Array，但它会在结果字符串中产生额外的字节值，导致错误的行为。

我也在这里找到了一个小垫片，但它没有工作，再次产生额外的输出:https://gist.github.com/gengkev/2295355

无论如何，我可以让Uint8Array作为Uint8ClampedArray，或者更具体地说，夹住值，同时在上面的函数中生成字符串?

更新:它看起来像我得到某处使用标准数组，但仍然有一些混乱的字符导致问题。

我认为你不应该使用Uint8Array来存储你的数据-它根本不像Uint8ClampedArray那样工作。例如:

a = new Uint8Array(1);
b = new Uint8ClampedArray(1);
a[0] = 256;
b[0] = 256;
a[0] === 0;    // true
b[0] === 255;  // true

我只会使用一个常规数组(如果有的话)，并在将它们存储到其中时夹紧值，或者当您读取它们以生成字符串时，像这样:

s += String.fromCharCode(Math.max(0, Math.min(255, array[i])));

WhatWG推荐Uint8ClampedArray用于存储画布像素数据。

但是，各种浏览器使用Uint8ClampedArray(或不)取决于他们是否实现了WhatWG的建议。

因此，一个更跨浏览器的解决方案是使用. getimagedata从画布中拉出一个数组，然后根据需要操作该数组。这样你就知道你在使用一个兼容的数组。 
var imageData = context.getImageData(0,0,canvas.width,canvas.height);
var data = imageData.data;  // this array is always compatible with its browser.
相关文章：