html2canvas 将DOM节点转成图片

本文介绍了如何在JavaScript项目中利用html2canvas库捕获DOM节点并解决滚动条问题,以便完整下载屏幕截图。作者提供了两个示例,一个是默认情况,另一个是针对滚动条截取不全问题的修正版本。

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

官网地址:html2canvas - Screenshots with JavaScript

将js文件保存到本地

可以新建一个txt文件,然后丢进去修改后缀名称即可。 

在项目中引入js文件:

import html2canvas from "../html2canvas.min.js"

 这是我准备画的DOM节点。

onClickPng() {
            let loading = uiHelp.loading("下载中...");
            html2canvas(document.querySelector("#capture
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值