最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

HTML5canvas在微信浏览器上图层问题_html/css

来源:动视网 责编:小采 时间:2020-11-27 16:12:24
文档

HTML5canvas在微信浏览器上图层问题_html/css

HTML5canvas在微信浏览器上图层问题_html/css_WEB-ITnose:用canvas在微信浏览器上写幸运大转盘,在转动时,canvas会覆盖页面表面。 转动之前的图片: 转动之后的图片: 有了解过微信浏览器雨 回复讨论(解决方案) 检查转盘的z-index、动作后的translateZ以及canvas的相关数值,看看是否有canv
推荐度:
导读HTML5canvas在微信浏览器上图层问题_html/css_WEB-ITnose:用canvas在微信浏览器上写幸运大转盘,在转动时,canvas会覆盖页面表面。 转动之前的图片: 转动之后的图片: 有了解过微信浏览器雨 回复讨论(解决方案) 检查转盘的z-index、动作后的translateZ以及canvas的相关数值,看看是否有canv


用canvas在微信浏览器上写幸运大转盘,在转动时,canvas会覆盖页面表面。

转动之前的图片:


转动之后的图片:


有了解过微信浏览器雨


回复讨论(解决方案)

检查转盘的z-index、动作后的translateZ以及canvas的相关数值,看看是否有canvas的纵坐标大于转盘纵坐标的现象。

检查转盘的z-index、动作后的translateZ以及canvas的相关数值,看看是否有canvas的纵坐标大于转盘纵坐标的现象。



这个不知道如何观察,我们用safari和FF以及Chrome测试都是正常的,只有在安卓机器上的微信浏览器上才出现这个问题。手机端的微信浏览器上你说的这些该如何查看呢?

而且我们用到了安卓手机上的其他浏览器测试也是正常的,有知道这方面的原因的吗?

楼主的问题主要受到的影响就是转盘小指针被地盘挡住了对吧???
那么楼主主要就是检查转动的底盘的css、js、jq一类的文件。。

不太理解问题里的 canvas 和转动 的关系

是 和canvas没直接关系 就是 css3 动画设置 canvas这个dom旋转
还是 没用css动画 直接在canvas里面 旋转+ draw

应该是z-index的问题吧,,,或者Postion的问题

楼主在IE6上面测试一下能正常用,基本微信浏览器就可以了(开玩笑的。。)


建议在QQ浏览器上面试试,微信用的是QQ浏览器的内核,关于QQ浏览器是用的哪的内核我也不知道...。

楼主 你的问题 解决了吗 我也遇到了同样的问题 求帮忙

微信上面是这样的效果

我也遇到同样的问题了。。很郁闷。。

文档

HTML5canvas在微信浏览器上图层问题_html/css

HTML5canvas在微信浏览器上图层问题_html/css_WEB-ITnose:用canvas在微信浏览器上写幸运大转盘,在转动时,canvas会覆盖页面表面。 转动之前的图片: 转动之后的图片: 有了解过微信浏览器雨 回复讨论(解决方案) 检查转盘的z-index、动作后的translateZ以及canvas的相关数值,看看是否有canv
推荐度:
标签: 微信 浏览器 问题
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top