实现网页截图功能需要使用到JS的API，其中最主要的是使用html2canvas和canvas2image两个JS库，并且需要遵循跨域访问的规则。下面是实现网页截图功能的完整攻略：
在html文件中的head中引入下列两个JS库：
<script src="https://cdn.bootcdn.net/ajax/libs/html2canvas/0.5.0-beta4/html2canvas.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/canvas2image/0.1.5/canvas2image.min.js"></script>
在JS中选择需要截图的元素，例如：
var element = document.getElementById("example");
使用html2canvas生成canvas，并在生成完成后执行回调，例如：
html2canvas(element, {
onrendered: function(canvas) {
//...
}
});
使用canvas2image库将canvas生成图片，并下载图片，例如：
html2canvas(element, {
onrendered: function(canvas) {
Canvas2Image.saveAsPNG(canvas);
}
});
html2canvas(document.body, {
onrendered: function(canvas) {
Canvas2Image.saveAsPNG(canvas);
}
});
var element = document.getElementById("example");
html2canvas(element, {
onrendered: function(canvas) {
Canvas2Image.saveAsPNG(canvas);
}
});
以上是JavaScript实现网页截图功能的完整攻略，可以根据需要进行调整和改写。
本文链接：http://task.lmcjl.com/news/11079.html