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

WBOY
Lepaskan: 2016-06-24 11:36:36
asal
1196 orang telah melayarinya

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

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

微信上面是这样的效果   

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan