描述

html2canvas是一个直接获取元素dom通过canvas快速合成图片的插件

问题现象

1.图片生成后有1px的白边
2.图片生成后顶部有大片空白（图片偏移错位）
3.网络图片无法绘制到图片上

问题原因

1.产生白边的原因是width、height属性带有小数点。
例如：width:290.34px
2.产生原因是页面有滚动条。scrollTop属性不为0
3.图片跨域，canvas底层对于跨域图片会污染画布所以绘制不出来

解决办法

1.width、height属性通过parseInt()方法取整，或者固定宽高。
2.合成图片时设置body标签overflow:hidden，隐藏滚动条；或者通过js控制scrollTop属性
3.图片资源跨域目前的解决办法是在后台添加当前开发域名解决跨域

ps:后续想起来其他的在补充