單擊下一步時將div保存為圖像

Question

當用戶單擊下一步時，如何將div保存為圖像？我有允許用戶將div預覽為圖像的代碼，然后用戶必須通過右鍵單擊然后將其上傳為圖像來手動保存圖像。 我真正想要的是將div保存到我的Db中的文件夾並將名稱保存到我的數據庫表中。

 $(function() { var element = $("#firstshirt"); // global variable var getCanvas; // global variable $("#btn-Preview-Image").on('click', function() { html2canvas(element, { allowTaint: true, logging: true, onrendered: function(canvas) { $("#previewImage").append(canvas); getCanvas = canvas; } }); }); }); 

 <input id="btn-Preview-Image" type="button" value="Preview" /> 

Answer 1

一種方法是使用html2canvas

這是鏈接： http : //html2canvas.hertzen.com/examples.html