微信小游戏画面错位/只占一半屏幕/IOS系统屏幕错位/canvas设置宽高_微信小程序canvas画的图片过大展示不全怎么设置

作者：我家小花儿 | 2024-06-03 23:03:41

踩

微信小程序canvas画的图片过大展示不全怎么设置

一个朋友在编写微信小游戏时发现了一个bug:

微信开发者工具中真机调试、预览等没有任何问题，但当发布后查看预览版发现整个游戏只占了一般的屏幕，并且有概率显示为正常，具体情况如下图：

通过查阅资料后发现，在游戏一开始定义canvas时需要设置宽、高，否则就会出现这个问题

具体修复代码如下：

在渲染动画前，一般是main.js最前面，定义ctx后，需要对ctx中canvas设置宽、高为屏幕宽、高即可解决问题。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/669288