业务需要 分享一张图片 图片上带有动态信息 且有一个二维码图片
心路：因为图片上的数据需要服务端下发 所以 二维码图片地址也让服务端生成一起给我了
- 先在页面上画需要展示的图片的dom页面
- 点击分享时 查询数据 展示在dom上 （因为是列表 每条都可以分享 所以不能一进页面就查数据）
- 生成图片 并展示
遇到了问题
- 点分享 请求数据 服务端先生成二维码再传给我 这个接口平均耗时 1.2s
- 页面展示 网络图出现跨域问题
- 本地图片报加载失败==应该是部署之后 我们静态资源放cdn了 也出现了跨域问题
- ios文字不按css样式排列
- 二维码太小识别不了 扫码费劲
文件解决思路
- 服务端接口慢的原因主要是生成二维码耗时--前端生成二维码
- 网络图跨域 ---加 属性 +?ssss 加一个字符串
- ios文字不按css排列 降了html2canvas版本 可以了 但是页面展示有问题 稍后细说
- 二维码太小识别不了 主要因为 链接内容太长 导致黑点比较密集 不好识别 ---思路 长链接转短连接
https://github.com/niklasvh/html2canvas
这是源代码 可以一起研究
网友评论