canvas的putimagedata后，再用getimagedata获得的rgba色值不对

Question

canvas的putimagedata后，再用getimagedata获得的rgba色值不对

---

let canvas = document.querySelector('#canvas');
let cxt = canvas.getContext('2d');
let imageData = cxt.createImageData(2,2);
for (var i=0;i<imageData.data.length;i+=4){

imageData.data[i+0]=64;
imageData.data[i+1]=55;
imageData.data[i+2]=235;
imageData.data[i+3]=133;

}
cxt.putImageData(imageData,0,0)

---

然后再getImageData
0:63
1:56
2:236
3:133
…………

这是在chrome下运行的结果，在firefox下的结果也不一样

真的是疯了，业务中我需要准确的色值，这样子就完全做不下去了

有谁知道这是为什么，或者又什么解决办法

Answer 1

看来是跟透明度有关系，非常不理解

Answer 2

canvas would lost accurate data when opacity isn't equal to 255