2017-04-02 25 views
1

divをキャンバスに変換したいのですが、chromeではうまくいきますが、IE9ではそれを変換しますが、うまくいきません。divコンテンツを切り取り、div要素の順序を変更します。html2canvasはie9で動作しません。

witch js IE9でもうまくダウンロードできますか? この解決の問題を解決するにはどうすればよいですか? 私のJSコード:

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

     } 
     }); 
    } 

結果が添付されています

enter image description here

enter image description here

ありがとう!

答えて

2

このコードは

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

すべてのブラウザでうまく機能は、それをテストし、それがどのようになる参照してください。私は$(「#のIMGアウト」)に変換されたキャンバスを追加する必要があり

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

:インデックス0は、あなたがこれにjqueryの変更を使用していないので、もし「本物」のドキュメント要素を取得するためのjQueryオブジェクトで使用されていますどうやってやるの?いくつかのコードを追加できますか?ありがとう – foo

+0

私は答えを編集します –

+0

あなたの編集にお待ちしています、ありがとう:) – foo

関連する問題