[已解决]小游戏默认的屏幕显示，显示的画面太模

时间：2019-05-04 来源：小程序工厂

问题模块框架类型问题类型终端类型操作系统微信版本基础库版本
框架需求客户端微信6.6.6 2.02

- 需求的场景描述（希望解决的问题）
显示一些精致的游戏画面

- 希望提供的能力
像原生的HTML5一样提供

这些自定义屏幕显示配置

微信小程序开发问题解答

微信小程序开发者回答：

解决了，不要用离屏画布，直接设置上屏画布的canvas.width为实际像素宽度，比如

var cw = wx.getSystemInfoSync().screenWidth;
var ch = wx.getSystemInfoSync().screenHeight;
canvas.width = 750;
canvas.height = Math.ceil(ch / cw * canvas.width);

然后根据这个像素绘制图片就可以了，小游戏会自动把上屏画布的显示尺寸改成屏幕尺寸的，原理跟原生的canvas标签的原来是一样的，比如

微信小程序开发者回答：

我试了，画面区域就缩小了一半，用微信浏览也是一样，所以 canvas.width = 750; 这个值是怎么得出的？

微信小程序开发者回答：

微信官方出的游戏，画面就挺好，不知道他们用了什么方法，难道要用WebGL ？？

微信小程序开发者回答：

没有，用了白开水建议的方法，画面有所改善，但是画面还是有点模糊

微信小程序开发者回答：

小游戏离屏画布上图片或文字模糊的问题，楼主搞定了吗，是否可以分享下代码

微信小程序开发者回答：

好的，谢谢回答，顺便问一下，为什么微信小程序不直接支持开发游戏，感觉现在的小游戏限制太多，比如没有view，实现一些页面效果时非常麻烦

微信小程序开发者回答：

可以将游戏内容先根据 devicePixelRatio 的倍数绘制到离屏画布上，再将该离屏画布上屏
具体信息可以在网络上搜索资料【Canvas 高清绘制】

微信小程序开发者回答：

你好，你的反馈我们已收到，我们会在后续的版本中考虑增加类似功能。

本文网址：http://www.91bianli.com/weixinxiaochengxu/48625.html

上一篇：[已解决]Expect START descriptor with depth 2 but

下一篇：如何从公众号跳转到微信小程序指定页面