html2canvas踩坑填坑记录

最近在做一套模板的移植,源模板用到了html2canvas这玩意

生成当前网页的海报,本来是挺好玩的东西,结果不知道什么原因 老是海报错位什么的

我看源站也没有解决。

只好自己解决了。

首先上升级法

源站用到的版本是1.0.0 rc1

我先后升级了

  1. 1.0.0 rc2
  2. 1.0.0 rc4
  3. 1.0.0 rc5
  4. 1.0.0
  5. 1.1.0
  6. 1.1.5
  7. 1.2.0
  8. 1.3.0
  9. 1.3.2

最后悲催的发现 直到1.3.0版才解决了图片整体下移的问题

网友们提出来的方案我都试过了 效果并不理想

并不是一直会出现 而是偶尔出现 而且有时候高 有时候低

1.3.0之后 没有再出现过 但是 新问题来了

生成前后对比

[图片丢失了]

整体文字都出现了下移情况 尤其是作者栏

简直不能忍.

尝试升级版本 更换样式表 都无法解决 网友说需要更换字体 太麻烦 无奈放弃

前前后后折腾了一天一夜实在是没招

最后用了一点骚操作

把头像整体下移出来的效果就能满足了

[图片丢失了]

html2canvas踩坑填坑记录,第1张

这样生成前是错位的 生成后就不错位了 勉强也能接受了就这么着吧 凑合用.

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
钛宇宙(大象网络工作室) » html2canvas踩坑填坑记录

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
提示下载完但解压或打开不了?
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
找不到素材资源介绍文章里的示例图片??
对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
钛宇宙
一个高级程序员模板开发平台

0条评论

发表评论