title: Image is coming as rotated when rendered from base 64 in HTML Canvas
body: <p>I am taking a photo from iOS camera which is giving me base64 data. I am trying to render that in canvas but canvas is rendering image as rotated.</p>
  
  <p>But if i render same image in img tag it is coming in correct orientation.</p>
  
  <p>This is working fine in android canvas. Issue is happening just for iOS canvas. Either i take a photo or select from library, This issue happens.</p>
  
  <p>Below is the code to take Photo</p>
  
  <pre><code>const options: CameraOptions = {
    quality: 50,
    destinationType: this.camera.DestinationType.DATA_URL,
    encodingType: this.camera.EncodingType.PNG,
    mediaType: this.camera.MediaType.PICTURE,
    sourceType: isCamera ? this.camera.PictureSourceType.CAMERA :
      this.camera.PictureSourceType.PHOTOLIBRARY
  }
  
  
  
  this.camera.getPicture(options).then((imageData) =&gt; {
    let base64Image = 'data:image/jpeg;base64,' + imageData;
    this.info.photo.value = base64Image;
  }, (err) =&gt; {
    // Handle error
  });
  </code></pre>
  
  <p>Below is code to draw in canvas</p>
  
  <pre><code>  img = new Image();
    img.src = this.info.photo.value;
    img.onload = function () {
      const height = img.naturalHeight;
      const width = img.naturalWidth;
      const imgWidth = width / height * 200;
      ctx.drawImage(img, (ctx.canvas.width - imgWidth) / 2, font + 20 * pixelRatio, imgWidth, 200);
    }
  </code></pre>