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的元素,需要自己去排查,作者也是通过一项一项隐藏元素再导出图片,逐一排查出来的。

 

posted @ 2022-12-30 11:15  飞飞飞飞0928  阅读(77)  评论(0编辑  收藏  举报