2014-09-26 5 views
0

나는 차트를 생성하고 jquery jqplot을 사용하여 작업을 생성하는 웹 응용 프로그램을 가지고 있습니다.Html2canvas는 jqplot의 내용을 렌더링하지 않습니다.

내 웹 앱에서도 스크린 샷을 허용하고 html2canvas를 사용하여 렌더링 작업을 완료하지만 html2canvas는 jqplot에 의해 생성 된 차트를 캡처하여 빈 상자를 캡처하지 않습니다.

메신저 html2canvas의 최신 버전을 사용하여 html2canvas 0.5.0-alpha, 아래 코드는 html2canvas를 초기화하는 방법입니다.

html2canvas($('#container'), { 
       logging: true 
      }).then(function(canvas) { 
       $('body').append(canvas); 
      }); 

답변

0

0.5 버전은 아직 안정적입니다. 캔버스 내용을 2 일 전에 복사하는 것을 지원하지 않았지만 f517a3578으로 고정했습니다. (마스터에서 HEAD)의 최신 버전으로, 구현 작업의

예 : http://jsfiddle.net/shtj6zL9/

$(document).ready(function(){ 
    var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]); 
}); 

document.querySelector("#create").addEventListener("click", function() { 
html2canvas(document.body, {logging: true}).then(function(canvas) { 
    document.body.appendChild(canvas); 
}).catch(function(error) { 
    console.log(error); 
}); 
}, false); 
+0

그것은 잘 작동하지만 때 여러 시리즈의 마지막 시리즈는 늘 렌더링 그것. 이 링크 http://jsfiddle.net/shtj6zL9/3/를 참조하십시오. – shanks