1、海报底图是通过背景图实现，导致生成的海报模糊
解决方案：有背景图改为img形式
2、低版本iPhone无法通过html2canvas生成海报图片
html2canvas需要用指定的版本，而不是最新版本
解决方案：
首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】
版本降低方法
首先移除 html2canvas 【npm uninstall html2canvas】
然后安装指定版本 【npm install --save html2canvas@1.0.0-rc.4】
3、iPhone13，生成的海报有一半空白
5f2a8829ec05b082112a6b080c1a36b.jpg
解决方案：祖先元素使用position fixed定位
1、海报底图是通过背景图实现，导致生成的海报模糊 解决方案：有背景图改为img形式 2、低版本iPhone无法通过...
最近项目用到生成海报的功能，踩了大坑，现在整理出个笔记。 使用html2canvas生成图片，注意1.0.0-rc...
背景： 活动是在微信浏览器里使用的，主要坑点在背景音乐自动播放，生成海报图。海报图选择了html2canvas去生...
最近项目中需要实现将数据导出excel表格功能，踩了很多坑，现在终于完美实现，分享给大家，希望能帮助大家少踩坑。
前端程序员墓志铭:永远不要使用Alpha版的插件 最近写一个活动项目需要将一个HTML页面转为图片,之前一直是后台...
关键字：Access-Control-Allow-Origindisable cache 一、版本选择 https...
项目中需要将html字符串打印成pdf，找一下网上的解决方案: 使用html2canvas.js将网页转换为图片使...
html2canvas 当我们想生成一个海报的时候，最简单的方法是使用html2canvas(https://ht...
RecyclerView ItemTouchHelper 踩坑之旅 要实现的功能： recyclerview it...
TabBar再次点击实现刷新+UIRefreshControl使用踩坑 TabBar再次点击实现刷新+UIRefr...
本文标题：html2canvas 实现海报踩坑
本文链接：https://www.haomeiwen.com/subject/zdipwrtx.html
网友评论