微信Web: html2canvas生成图片时遇到的问题

解释:

bug:

  1. input输入框value下移


    input_value_bug.jpg
  2. transform属性引起css生成的箭头位置变化


    arrow_bug.jpg
  3. android端-微信浏览器:边框丢失


    arrow_border.png
input_bug.jpg

解决:

  1. input的padding值过大不会改变标签显示位置,生成图片时会影响,尤其事lineheight.
  2. 不用transform属性定位,用其他属性代替。或用图片标签样式
  3. 暂无良好解决方法,不用border画边框线,用其他效果代替
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。