本文介绍了如何使用JavaScript实现浏览器特定区域的截图和下载功能，包括html2canvas库的应用，截取并绘制canvas，以及图片的下载保存。还分享了作者的前端开发经验和学习资源，邀请读者加入技术交流圈子。
left: 0;
top: 0;
}
开始截图
测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
好好好
跨域图片
核心js部分——screenshotsPrint.js：
function clipScreenshots(){
// 把body转成canvas
html2canvas(document.body, {
scale: 1,
// allowTaint: true,
useCORS: true //跨域使用
}).then(canvas => {
printClip(canvas, 10, 10, 100, 100)
});
}
/**
-
打印截取区域
-
@param canvas 截取的canvas
-
@param capture_x 截取的起点x
-
@param capture_y 截取的起点y
-
@param capture_width 截取的起点宽
-
@param capture_height 截取的起点高
*/
function printClip(canvas, capture_x, capture_y, capture_width,
最低0.47元/天 解锁文章
1139
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
