2014-04-01 5 views
0

캔버스를 png로 저장하는 데 도움이 필요합니다. 그것은 확장캔버스를 png로 저장

내가 여기서 무엇을 놓치고 http://www.nihilogic.dk/labs/canvas2image/

$(function() { 
    $("#dlbutton").click(function() { 
     html2canvas($("#canvas"), { 
      onrendered: function(canvas) { 
       theCanvas = canvas; 
       document.body.appendChild(canvas); 

       // Convert and download as image 
       Canvas2Image.saveAsPNG(canvas); 
       $("#img-out").append(canvas); 
       // Clean up 
       //document.body.removeChild(canvas); 
      } 
     }); 
    }); 
}); 

http://jsfiddle.net/JCQm5/7

사용 canvas2image 라이브러리없이 파일로 저장되고?

답변

1

이 라이브러리는 http://www.nihilogic.dk/labs/canvas2image/에서 Canvas2Image를 사용하고 있습니다.이 라이브러리는 캔버스 요소에서만 작동합니다.

head64 섹션의 스크립트 태그에 필요한 base64 및 canvas2image js 파일을 추가 했습니까? onrendered가 실제로 발생 했습니까?

+0

바이올린 확장자를 확인하십시오. 거기에 있습니다. (왼쪽의 외부 리소스) –

+0

이미지의 일련 번호가 지정된 데이터를 얻고 https://github.com/eligrey/FileSaver.js/를 사용하여 파일 이름을 선택하는 것이 좋습니다. –

관련 문제