html2canvas 生成图片抛出异常

作者: ABY_sea | 来源:发表于2020-07-27 16:47 被阅读0次

原因：需要生成的dom内包含base64图片，导致html2canvas陷入递归死循环，栈堆占满

解决：替换base64图片地址

1.接口生成网络图片

2.转化本地blob地址

function dataURLtoBlob(dataurl) {

var arr = dataurl.split(','),

mime = arr[0].match(/:(.*?);/)[1],

bstr = atob(arr[1]),

n = bstr.length,

u8arr = new Uint8Array(n);

while (n--) {

u8arr[n] = bstr.charCodeAt(n);

}

return new Blob([u8arr], { type: mime });

}

URL.createObjectURL(dataURLtoBlob(~~base64地址~~))

html2canvas 生成图片抛出异常
原因：需要生成的dom内包含base64图片，导致html2canvas陷入递归死循环，栈堆占满解决：替换bas...
前端截图前端生成海报下载
截取内容为div 通过html2canvas截取生成Bob | base64 保存图片到本地(无法下载的生成图片...
HTML编码生成图片
借助html2canvas 与 canvas2image库把HTML标签生成图片思路： 1.生成图片的样式先使用...
vue中使用html2canvas方法
1：介绍html2canvas可以截取页面元素，生成图片2：安装 3：使用
html2canvas
html2canvas将HTML内容写入Canvas生成图片 http://caibaojian.com/html...
年度账单项目
1.长按保存图片借助html2canvas插件生成图片，微信浏览器自带保存图片功能实现①安装插件: yarn a...
html2canvas简单使用
html2canvas 可以将渲染的dom，生成图片。一般可用作生成海报和截图场景。直接上代码理解。
h5保存海报图片
最近项目用到生成海报的功能，踩了大坑，现在整理出个笔记。使用html2canvas生成图片，注意1.0.0-rc...
vue下页面生成图片功能
目前主流的两种方式网页生成图片的插件使用html2canvas Install NPMnpm install -...
HTML生成图片
本章介绍一下如何把HTML转成图片，主要思路是用html2canvas这个插件生成把页面生成canvas，然后用c...