dom-to-image doesn't work on iOS

[zllovesuki]

Probably related to tsayen/dom-to-image#74

[AvanishKumar008]

@zllovesuki In iOS i test same thing. Please use toSvg for iOS. i am using same code for iOS. I am using this code. It's working fine for me.

var node = document.getElementById('game1-screen');

domtoimage.toSvg(node)
    .then(function (dataUrl) {
        var img = new Image();
        img.src = dataUrl;

        var canvas = document.createElement( "canvas" );
        var ctx = canvas.getContext( "2d" );

        canvas.width  = 500;
        canvas.height = 300;

        ctx.drawImage( img, 0, 0);

        document.body.appendChild('<img src="'+canvas.toDataURL( "image/png" )+'" />');
    }

Thanks Avanish Kumar LinkedIn

[zllovesuki]

WebKit and IE blocked .toDataUrl() if you have <foreignObject> in the canvas, which is what dom-to-image has. Still trying to figure out a workaround.

[FrankRoc]

@zllovesuki In iOS i test same thing. Please use toSvg for iOS. i am using same code for iOS. I am using this code. It's working fine for me.

var node = document.getElementById('game1-screen');

domtoimage.toSvg(node)
  .then(function (dataUrl) {
      var img = new Image();
      img.src = dataUrl;

      var canvas = document.createElement( "canvas" );
      var ctx = canvas.getContext( "2d" );

      canvas.width  = 500;
      canvas.height = 300;

      ctx.drawImage( img, 0, 0);

      document.body.appendChild('<img src="'+canvas.toDataURL( "image/png" )+'" />');
  }

Thanks Avanish Kumar LinkedIn

not work when image too large .

[zllovesuki]

@FrankRoc at this point I think we are better off using remote server instead of client html.