纯js实现对网页元素的截图

直接上代码：

// 获取指定元素
let element = document.querySelector('#element');

// 获取元素的位置和尺寸
let rect = element.getBoundingClientRect();

// 创建一个canvas画布
let canvas = document.createElement('canvas');
let ctx = canvas.getContext('2d');

// 设置canvas的宽高
canvas.width = rect.width;
canvas.height = rect.height;

// 将元素画到canvas上
ctx.drawImage(element, 0, 0);

// 将canvas转换成图片
let dataURL = canvas.toDataURL('image/png');

// 将图片保存到本地
let link = document.createElement('a');
link.href = dataURL;
link.download = 'element.png';
link.click();

这是截取验证码的图片