title: Convert PictureStream to HTML5 canvas
body: <p>I am retrieving a byte array of a pictureStream from a .net webservice. the JSON byte array response looks like this:</p>
  
  <pre><code>[137, 80, 78, 372, 617 more...]
  </code></pre>
  
  <p>I am trying to convert this byte array and draw it into an HTML canvas like this</p>
  
  <pre><code>var context = document.getElementById('boxcover').getContext('2d');
  context.putImageData(movies.PictureStream, 0, 0);
  </code></pre>
  
  <p>But this doesn't work. I have no access the modify the webservice, so I am looking to convert this byte array into a picture using Javascript only. Also, I can't use server side scripting, client side only.</p>
  
  <p>Thanks for the help</p>
  
  <p>Here is an example of how the byte array comes in : <a href="http://www.copypastecode.com/33072/" rel="nofollow noreferrer">http://www.copypastecode.com/33072/</a></p>