title: Convert an image to ImageData (Uint8ClampedArray)
body: <p>I have an image for example
  "img/Myimage.jpg"
  I would like to convert it to the Uint8ClampedArray format (as shown in the image). 
  <a href="https://i.stack.imgur.com/oYHq2.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/oYHq2.jpg" alt="enter image description here"></a></p>
  
  <p>For what? I am using a library that after a long process converts the images to this format, but I have others images that I need to convert them on my own to this same format. how can I do it? Excuse my ignorance</p>
  
  <pre><code>var frames = animator.frames;
  var res_c = document.getElementById("result");
  var res_ctx = res_c.getContext('2d');
  for (var x = 0; x &lt; frames.length; x++) {
    //***frames are ImageData (Uint8ClampedArray)***
    res_ctx.putImageData(frames[x],0,0);
    console.log(frames[x])
    gif.addFrame(res_c,{copy:true,delay: 120});
  }
  </code></pre>
  
  <p>I need convert my images in  ImageData (Uint8ClampedArray) for add others frames</p>