html代码转换成图片，解决一些生成复杂的word或excel，直接生成图片

最新推荐文章于 2024-08-08 15:49:59 发布

ArchitectDream

最新推荐文章于 2024-08-08 15:49:59 发布

阅读量2.5k

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/microopithecus/article/details/83349913

版权

本文介绍如何利用HTML和canvas.js将HTML代码转换为图片，以应对生成复杂Word或Excel的情况。提供了相关资源下载链接，并欢迎新手交流。

摘要由CSDN通过智能技术生成

引入jquery-1.10.2.min

和我自己封装好的html@canvas.js 下载地址https://download.csdn.net/download/microopithecus/10741987

跟我一样的新手直接联系我私聊我因为想跟大牛们借点币花

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="jquery-1.10.2.min.js"></script>
 <script src="html2canvas.js"></script>
</head>
<body>
    <!-- 只需要在下面方法中把id改成你自己要生成图片的最外层id  #content-->
    <div id="content" style="width:150px;height:150px;border:1px solid blue;">
        <span>Hello World!</span>
        <br>
        <span><h2>Are you hear me?</h2></span>
    </div>
    <button id="btnSave">save</button>
<script&g