javascript - 单击下一步时将 div 保存为图像

Question

当用户单击下一步时，我如何将 div 保存为图像 我有允许用户将 div 预览为图像的代码，然后用户必须通过右键单击手动保存图像，然后将其作为图像上传。我真正想要的是将 div 保存到我的数据库中的一个文件夹并将名称保存到我的数据库表中。

$(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