Javascript:Html2canvas 回调

Question

在 Html2canvas 完成自己的工作(生成页面的 Canvas )后，我需要运行其他 jQuery 函数。

怎么做？

我的代码片段:

...
/* Html2canvas run code */
html2canvas(document.body, {
  onrendered: function(canvas) { document.body.appendChild(canvas); },
  width: 45
});

/* Other my jQuery functions */
$("div.mobileBody").addClass('active');
$("div.no-aside").addClass('active');
$("div.no-image").addClass('active');

如果Html2canvas没有回调函数，那么什么具有图像捕获功能的JS/jQuery插件有回调函数？

Answer 1

在 html2canvas 0.5 版本中，解决方案如下 documentation (onrendered:已弃用)。例如下载捕获的元素:

html2canvas(srcEl,
  {
    canvas: scaledCanvas,
    width: originalWidth,
    height: originalHeight
  }).then(function (canvas) {
  var a = document.createElement("a");
  a.download = "chart.png";
  a.href = canvas.toDataURL("image/png");
  document.body.appendChild(a);
  a.click();

});