纯前端js脚本实现网页截图的工具主要有html2canvas和om-to-image。然而，两者在有iframe嵌入的网页里，实现截图，图片里iframe部分会显示空白。   幸亏本人在canvas有些基础，所以决定修改源码。

先说思路，即将每个子页面分别截图，然后将截图嵌入到父页面的截图里。以此类推，直到最上级页面。

东西是修改了许多，直接上效果。

我是直接把截图后的canvas覆盖到了网页上，对比一下，位置上有些偏移，效果可以接受。

文件下载：https://download.csdn.net/download/qq_43560515/85871723