html2canvas踩坑点,文字向下偏移,行内元素的块级元素的文字不显示,比如ant-design-vue的分页的页码截图时消失

  • Post author:
  • Post category:vue


文字向下偏移: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标签的样式为行内元素



版权声明:本文为weixin_44617133原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。