微信web使用html2canvas遇到的坑

2020-07-20

字数统计: 142字 | 阅读时长≈ 1分

解释：

在微信浏览器使用html2canvas遇到的坑。标签结构在正常显示，用html2canvas生成图片时出现问题如下：

bug：

input输入框value下移
transform属性引起css生成的箭头位置变化
android端-微信浏览器：边框丢失

解决：

input的padding值过大不会改变标签显示位置，生成图片时会影响，尤其事lineheight.
不用transform属性定位，用其他属性代替。或用图片标签样式
暂无良好解决方法，不用border画边框线，用其他效果代替

本文作者： 风追着云
本文链接： https:/github.com/tuyrt7/tuyrt7.github.io/2020/07/20/html2canvas生成图片时遇到的问题/
版权声明： 本博客所有文章除特别声明外，均采用 MIT 许可协议。转载请注明出处！

jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true