2017-04-02 1 views
1

div를 캔버스로 변환하려고하는데 크롬이 잘 작동하지만 IE9에서는 변환하지만 div 요소를 잘라내어 div 요소의 순서를 변경합니다.html2canvas가 ie9에서 작동하지 않습니다.

마녀 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

관련 문제