websocket - blob を imagedata に変換するにはどうすればよいですか?

Question

websocket 経由で画像を web ページにストリーミングしたい。データは RGBA です。ブログを画像データに変換するには？

これは私の現在のコードです。動作せず、遅くなります。event.data をキャンバスの画像データに直接割り当てる方法はありますか?

  void onMessage(MessageEvent event)
  {
     print("received!");
     var imgData = canvas.getImageData(0, 0, 100, 100);
     var j = 0;
     for (var i=0;i<imgData.data.length;i+=4)
     {
       imgData.data[i+0]=event.data[j];
       imgData.data[i+1]=event.data[j+1];
       imgData.data[i+2]=event.data[j+2];
       imgData.data[i+3]=255;
       j+=3;
     }
     canvas.putImageData(imgData,0,0);

   }