html2canvas最基础例子



于 2020-01-14 11:49:51 发布

阅读量973

点赞数 2

CC 4.0 BY-SA版权

文章标签： canvas javascript

本文链接：https://blog.youkuaiyun.com/weixin_42720512/article/details/103970619

<body>
    <div id="view">
        <img src="./Starbucks.jpg" alt="" style="width:200px;height:200px">
        <input type="button" value="截图" onclick="takeScreenshot()">
    </div>

    <div id="box"></div>

    <script>
        function takeScreenshot() {
            html2canvas(document.getElementById('view')).then(canvas => {
                document.getElementById('box').appendChild(canvas)
            });
        }
    </script>
</body>

展示：上边为元素，下边为点击后生成的图片
在这里插入图片描述