html2canva问题记录

F&Q

Q：为什么有些背景颜色导出来，显示的不是纯色？

 

 

A：可能跟css样式box-shadow有关，去掉这个样式即可。

 

 

Q：为什么导出的图片样式有部分不完整？

 

 

A：作者是因为相关参数scale设置的太大，设置小一点即可；

 

 

Q：为什么echarts图表导出为空白？

 

 

A：相关echarts配置中是否有在线链接，如果有可能是因为在线链接存在跨域问题，阻塞了echarts图表的下载，作者因为将series中的symbol设置为OSS在线地址，导致无法下载echarts图表，我的解决方式时将OSS地址转为base64即可；

 

 

Q：已经设置过html2canva的dpi和scale的参数了为什么生成的图片还是模糊？

A：图片属性不能为background-image，而必须为img标签里的src；

Q：为什么有些CSS属性不生效？

A：官网的说明

Q：为什么报错Failed to execute 'createPattern' on 'CanvasRenderingContext2D': The image argument is a canvas element with a width or height of 0.

A：作者是因为页面内的元素存在小于1px的，需要将小于1px的元素进行处理，可以通过dom处理（v-if/ngIf），至于怎么找到1px的元素，需要自己去排查，作者也是通过一项一项隐藏元素再导出图片，逐一排查出来的。