解决使用html2canvas截取移动端有弹窗的页面时，截图跑偏

最新推荐文章于 2024-08-25 11:09:50 发布

一杯充满泡泡的可乐

最新推荐文章于 2024-08-25 11:09:50 发布

阅读量596

点赞数 1

分类专栏： vue笔记文章标签： css css3 前端 vue

本文链接：https://blog.csdn.net/weixin_45781661/article/details/121701596

版权

vue笔记专栏收录该内容

37 篇文章 1 订阅

订阅专栏

解决使用html2canvas截取移动端有弹窗的页面时，截图跑偏

前提是当弹窗的的样式有transform时就会触发

在这里插入图片描述

在这里插入图片描述
可以强制给弹窗增加样式，将transfrom样式给顶掉

<van-popup class='center'></van-popup>



.center{
  top: 50%;
  left: 50%;
  margin-top: -50vh; //这个可以根据弹窗的大小调整据顶部的距离
  margin-left: -45vw;//这个可以根据弹窗的大小调整据左边的距离
  transform: none !important;
}