作者：澄墙_168 | 来源：互联网 | 2023-09-07 11:30
用canvas在微信浏览器上写幸运大转盘，在转动时，canvas会覆盖页面表面。
转动之前的图片：
转动之后的图片：
有了解过微信浏览器雨
19 个解决方案
不太理解问题里的 canvas 和转动 的关系
是 和canvas没直接关系 就是 css3 动画设置 canvas这个dom旋转
还是 没用css动画 直接在canvas里面 旋转＋ draw
应该是z-index的问题吧，，，或者Postion的问题
楼主在IE6上面测试一下能正常用，基本微信浏览器就可以了（开玩笑的。。。）
建议在QQ浏览器上面试试，微信用的是QQ浏览器的内核，关于QQ浏览器是用的哪的内核我也不知道...。
楼主 你的问题 解决了吗 我也遇到了同样的问题 求帮忙
找到一个解决方法了:中间的指针不要直接用图片img，也用canvas实现，然后将图片绘制在上面就好了。可能是因为最后绘制的就在最顶层吧。
同样的问题，安卓微信内置浏览器X5无法很好支持canvas，苹果微信打开没问题，请问有人知道怎么解决了吗,求分享，感谢~（除了下一版本微信内核浏览器更新BLINK）
用position: fixed;定义一个透明的div隔开就好
给转盘canvas添加一个
-webkit-transform: translateZ(1px);
属性就可以了
如果用到了rotate.js，那就修改rotate.js 第273行
原来是
this._img.style[supportedCSS]="rotate("+(angle%360)+"deg)";
改成
this._img.style[supportedCSS]="rotate("+(angle%360)+"deg) translateZ(1px)";
这个是微信浏览器的bug
用canvas合成的图片在微信不能显示，在浏览器可以显示，有人知道原因吗
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有