html
如果你需要把网页上的元素直接转成图片，html2canvas.js 会是你挺好的选择。它的原理其实简单，就是把页面的 DOM 元素绘制到一个 canvas 上，再把这个 canvas 转成图片，效果棒。比如你想截个网页或某个特定部分的图，直接一调用，效果就出来了，挺方便的。
说实话，它的使用也蛮，只要引用脚本，选定你想截图的 DOM 元素，调用 html2canvas() 函数就能搞定。比如，你想截取整个页面的截图，就直接把 html2canvas(document.body) 传进去就行了。
不过要注意，html2canvas 并不完美，某些动态效果和外部 CSS 会被截图时漏掉，或者渲染得不太准确。尤其是一些跨域的图片资源，默认情况下是无法截图的。要这个问题，可以用 useCORS: true 来开启跨域支持。
，它挺适合做截图功能，是你不想费劲地用别的复杂工具时，html2canvas 完全能满足基本需求。如果你在开发中遇到网页截图的需求，试试这个库吧，蛮实用的。
文件大小：123.69KB
评论区