点击空白处退出提示
红料移动端店主工具
我要开发同款作品详情
项目主要技术栈(前端):vue +vue-router+vuex+webpack+axios+vant-ui。
负责主要的模块有首页,支付页,海报详情页,视频教程页,店主推荐页,合买详情页,比赛详情页。
主要使用vant-ui组件库来搭建项目组件样式。使用 html2canvas 进行页面截图分享。使用qrcode实现二维码支付功能。使用videojs来实现视频播放功能。
遇到的问题有:使用html2canvas分享海报截图时,截图不全问题/顶部出现白屏问题,html2canvas是根据屏幕截图进行截图,如果内容高度高于屏幕时就会截图不全/顶部出现白屏问题。我的解决方法是获取滚动条的位置,body固定定位,top值为负当前滚动条的位置。设置延时100毫秒后再获取要生成海报的元素,当生成海报之后,再把滚动条设置回原来的位置。然后我的截图再没有出现截图不全/顶部出现白屏问题。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论