html2canvas中onrendered方法无法执行的解决办法

最新推荐文章于 2025-06-04 17:50:57 发布

转载最新推荐文章于 2025-06-04 17:50:57 发布 · 7.7k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5b4ee738f265da0f774aa8bf

文章标签：

#javascript #ViewUI

本文探讨了html2canvas不同版本的表现差异，特别是指出^1.0.0-alpha.12版本存在问题，并提供了该版本下onrendered方法无法执行的解决方案，通过采用then方法来替代。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    "html2canvas": "^1.0.0-alpha.12";//有毛病的版本，不建议使用
    "html2canvas": "^0.5.0-beta4",//正常版本
复制代码

附毛病版本onrendered方法无法执行的解决办法：

        html2canvas(dom).then((image) => {
          var url = image.toDataURL();
          let a = document.createElement("a");
          a.href = url;
          a.download = "未命名";
          document.body.appendChild(a);
          a.click();
          document.body.removeChild(a);
        });
        //使用then方法替换onrendered，放出alpha版本，毛病啊~~
复制代码