html2canvas踩坑点,文字向下偏移,行内元素的块级元素的文字不显示,比如ant-design-vue的分页的页码截图时消失
解决html2canvas截图时文字向下偏移,ant-design-vue的分页的页码消失的bug
·
文字向下偏移:html2canvas的版本有问题,换成以下链接的:
文字不显示的问题,比如ant-design-vue的分页的页码截图时消失:
原因:
页码的构造:
<ul class="ant-pagination ant-table-pagination">
<li class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active">
<a>1</a>
</li>
</ul>
原因:ant-pagination-item将li变为了行内元素,将a变为了块级元素,经实验所得,不只是分页中的li>a这种结构会出现这类问题,只要是行内元素里的块级元素中的文字都在截图时会消失,但是我不懂html2canvas的源码,所以解决办法就是设置a标签的样式为行内元素
更多推荐
已为社区贡献2条内容
所有评论(0)