欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html2canvas实现网页截图

程序员文章站 2022-03-04 12:16:21
html2canvas 实现网页截图 html2canvas可以通过纯js对网页进行截屏,但截图的精确度还有待提高 官网:https://html2canvas.hertzen.com/ gith...

html2canvas 实现网页截图

html2canvas可以通过纯js对网页进行截屏,但截图的精确度还有待提高

官网:https://html2canvas.hertzen.com/

github:https://github.com/niklasvh/html2canvas

引用 :

主要用法是:

html2canvas(document.getelementbyid('view'), {

onrendered: function(canvas) {

document.body.appendchild(canvas);

//console.log(canvas.todataurl());

},

// width: 300,

// height: 300

});

这是一个demo

截图

运行之后:

点击截图按钮:

下面出现的就是截图,不过不太清楚。