div转为图片的canvg.js实现
- 使用 canvg.js 可以轻松将指定的 div 内容转化为图片。
- 在实现中,先将 div 的内容绘制到 canvas 上,然后将 canvas 转换为图像格式。
- 代码示例:
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');
- 通过上述方法,你可以快速将网页内容转换为图片,适用于网页截图、分享等功能。
56.61KB
文件大小:
评论区