Home > Web Front-end > HTML Tutorial > HTML5 canvas在微信浏览器上图层问题_html/css_WEB-ITnose

HTML5 canvas在微信浏览器上图层问题_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:36:36
Original
1214 people have browsed it

用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浏览器是用的哪的内核我也不知道...。

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

微信上面是这样的效果   

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template