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

首页

web前端

html教程

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:36 AM

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

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

微信上面是这样的效果

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

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

HTML和代码：仔细观察术语Apr 10, 2025 am 09:28 AM

htmlisaspecifictypefodyfocusedonstructuringwebcontent，而“代码” badlyLyCludEslanguagesLikeLikejavascriptandPytyPythonForFunctionality.1）htmldefineswebpagertuctureduseTags.2）“代码”代码“ code” code code code codeSpassSesseseseseseseseAwiderRangeLangeLangeforLageforLogageforLogicIctInterract

HTML，CSS和JavaScript：Web开发人员的基本工具Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构，使用标签如、等。2.CSS控制网页样式，使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互，通过事件监听和DOM操作。

HTML，CSS和JavaScript的角色：核心职责Apr 08, 2025 pm 07:05 PM

HTML定义网页结构，CSS负责样式和布局，JavaScript赋予动态交互。三者在网页开发中各司其职，共同构建丰富多彩的网站。

HTML容易为初学者学习吗？Apr 07, 2025 am 12:11 AM

HTML适合初学者学习，因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓，易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高，可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML中起始标签的示例是什么？Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。