前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >html2canvas ios 报错 Maximum call stack size exceeded

html2canvas ios 报错 Maximum call stack size exceeded

原创
作者头像
小鑫
发布2022-05-11 16:28:21
5530
发布2022-05-11 16:28:21
举报
文章被收录于专栏:小鑫の随笔小鑫の随笔

最近的一个微信 h5 项目,有生成分享图的需求,用到了 html2canvas 这个库

代码:

代码语言:javascript
复制
let el = document.querySelector('.xxx');
html2canvas(el, {
  width: el.offsetWidth,
  height: el.offsetHeight,
  scale: 2,
  dpi: window.devicePixelRatio * 2,
  useCORS: true,
})
.then(canvas => {
  this.coverImg = canvas.toDataURL('image/png', 1.0);
})
.catch(err => {
  console.log('报错了', err);
})

安卓能正常生成,ios 报错了,错误信息是:

代码语言:javascript
复制
column: 46
line: 150
message: "Maximum call stack size exceeded."
stack: "fromCodePoint consumeStringSlice consumeStringToken consumeUrlToken read parse CSSParsedDeclaration ElementContainer createContainer parseTree step fulfilled promiseReactionJob@[native code]"

为什么会报这个错,咱也不知道,在网上找到一篇文章,说到了这个问题,说是 css 背景图导致的,于是我把背景图换成了 img 标签,就没报错能正常生成了

参考:https://my.oschina.net/ihh/blog/4635402

首发自:html2canvas ios 报错 Maximum call stack size exceeded - 小鑫の随笔

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档