html2canvas 浏览器端截屏并下载保存（兼容IE）

最新推荐文章于 2025-07-01 15:37:54 发布

原创

最新推荐文章于 2025-07-01 15:37:54 发布 · 6.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#IE兼容碰到的问题汇总

本文介绍如何使用html2canvas实现在浏览器端截屏并下载保存，特别针对IE浏览器的兼容性问题提供了解决方案，引用了多个优快云博客作为参考。

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

html2canvas 浏览器端截屏并下载保存（兼容IE）

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
      <script src="https://cdn.jsdelivr.net/bluebird/latest/bluebird.js"></script>
  <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta3/html2canvas.js"></script>  
  <!-- <script src="https://cdn.jsdelivr.net/npm/canvas2image@1.0.5/canvas2image.js"></script> -->
  <!-- <script src = "https://cdn.polyfill.io/v2/polyfill.min.js"></script> -->
<style>
 a {
                cursor: pointer;
                color: rgb(85, 26, 139);
                text-decoration: underline;
            }
</style>
</head>
<body>
    <div id="content" style="width: 300px; height: 300px; margin: 10px; background: red; border: 5px solid gray;">