Question

目前我使用泛型 - ASHX - 处理程序（通过ajax / jquery调用）将图像加载到IMG元素中，如此...

serverimage1x4.src = '/Cloud/LiveXP.ashx';

但是，我希望网络工作者能够做到这一点。

我从网络工作者返回一个字节数组并使用＆＃39; postmessage＆＃39;它回到父UI。

因此，假设我使用XMLHttpRequest将字节数组返回给UI，如何将该字节数组加载到Image / IMG元素中？

我是否会更好地尝试加载canvas元素？

Answer 1

我认为你要找的是putImageData()。

这是一个使用示例，它通过操作字节数组来任意修改现有画布：

  var image=draw.getImageData(0,0,W,H), data=image.data;
  for ( var y=0; y<H; y++ ) for ( var x=0; x<W; x++ )
    {
    var index=(x+y*W)*4;
    data[0+index]=x+y; // red
    data[1+index]=x; // green
    data[2+index]=255-data[2+index]; // blue
    data[3+index]=255; // alpha
    }
  draw.putImageData(image,0,0);

使用javascript从字节数组创建一个图像

1 个答案: