2014-04-01 69 views
0

將畫布另存爲png需要幫助。它被保存爲一個文件,而不擴展將畫布另存爲PNG

使用canvas2image庫 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

我缺少什麼嗎?

回答

1

我看到您使用的是從http://www.nihilogic.dk/labs/canvas2image/的Canvas2Image,該庫僅適用於畫布元素。

您是否將所需的base64和canvas2image js文件添加到頭部分的腳本標記中? 是放低真的觸發?

+0

檢查小提琴擴展。他們在那裏(左邊的外部資源) –

+0

我建議你得到圖像的序列化數據並使用https://github.com/eligrey/FileSaver.js/讓你選擇文件名。 –