使用javascript從字節數組創建圖像

Question

目前，我使用通用的ASHX處理程序（通過ajax / jquery調用）將圖像加載到IMG元素中，如下所示...

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

但是，除此以外，我希望網絡工作者執行此操作。

我從網絡工作者返回一個字節數組，並使用“ postmessage”將其返回給父UI。

因此，假設我使用XMLHttpRequest將字節數組返回到UI，如何將該字節數組加載到Image / IMG元素中？

我會嘗試加載畫布元素更好嗎？

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);