2017-04-02 2 views
1

Ich möchte div in Canvas konvertieren und in Chrome funktioniert es gut, aber in IE9 es konvertieren, aber nicht gut, es schneidet den Div-Inhalt und ändern Sie die Reihenfolge der div-Elemente.html2canvas funktioniert nicht in ie9

hexe js sollte ich herunterladen, die auch im IE9 gut funktionieren? Jemand hat eine Idee, wie kann ich dieses Auflösungsproblem lösen? meine js Code:

$scope.canvastoimage = function() { 
     html2canvas($("#mytryapp"), { 
      proxy: "server.js", 
      useCORS: true, 
      onrendered: function(canvas) { 
       document.body.appendChild(canvas); 
       $("#img-out").append(canvas); 
       $("#mytryapp").hide(); 
       printthispage(); 

     } 
     }); 
    } 

Das Ergebnis gebunden ist:

enter image description here

enter image description here

Dank!

Antwort

2

Dieser Code funktioniert gut in allen Browsern

html2canvas([document.getElementById(mytryapp)], { 
onrendered: function (canvas) { 
    var imageData = canvas.toDataURL('image/png',1.0); 
    document.getElementById('img-out')[0].innerHTML = imageData; 
} 
}); 

-Test und sehen, wie es geht. Der Index 0 mit jQuery-Objekten verwendet „echtes“ Dokumentelement zu erhalten, also wenn Sie nicht jquery Änderung dies mit:

html2canvas([document.getElementById(mytryapp)], { 
    onrendered: function (canvas) { 
     var imageData = canvas.toDataURL('image/png',1.0); 
     document.getElementById('img-out').innerHTML = imageData; 
    } 
    }); 
+0

Ich brauche die konvertierte Leinwand zu meinem $ („# img-out“) anfügen wie kann ich das machen? Kannst du etwas Code hinzufügen? Danke – foo

+0

Ich werde die Antwort bearbeiten –

+0

Ich warte auf Ihre Bearbeitung, danke :) – foo

Verwandte Themen