微信H5页面用Html2canvas生成图片的几种方式

最新推荐文章于 2024-08-13 11:36:29 发布

Super乐

最新推荐文章于 2024-08-13 11:36:29 发布

阅读量6.6k

点赞数 2

分类专栏：微信文章标签： H5 Html2canvas.js 页面生成图片微信H5开发

本文链接：https://blog.csdn.net/wplblog/article/details/86529332

版权

Demo：仅供参考，实际业务场景请根据自己的需求修改（本案例提供的是思路和实现方式）

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <link rel="stylesheet" type="text/css" href="/js/test_css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="/js/test_css/index.css"/>
    //上面两个是页面的样式，可以不用借用，用自己的即可。
    <script src="/js/jquery-1.10.1.min.js?>"></script>
    <script src="/js/html2canvas.js?>"></script>
    <style>
        * {
            margin: 0;
        }
        canvas {
            margin-right: 5px;
        }
    </style>
</head>
<body>
<div class="tablexqys">
    <table>
        <tbody>
        <tr>
            <th>开团时间</th>
            <th>开团人</th>