div转为图片的canvg.js实现

  1. 使用 canvg.js 可以轻松将指定的 div 内容转化为图片。
  2. 在实现中,先将 div 的内容绘制到 canvas 上,然后将 canvas 转换为图像格式。
  3. 代码示例:
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
const div = document.getElementById('yourDiv');
canvg(canvas, div.outerHTML);
const imgData = canvas.toDataURL('image/png');
  1. 通过上述方法,你可以快速将网页内容转换为图片,适用于网页截图、分享等功能。
js 文件大小:56.61KB