小程序
小游戏
企业微信
微信支付
扫描小程序码分享
微信开发者工具，iPhone正常。
在安卓手机（三星s8，小米8se）花屏，显示不正常。
棋盘是一张图片。
黑白棋子是两张图片。
而且用的确实是官方飞机小游戏的示例搭建，然后做的修改。
- 当前 Bug 的表现（可附上截图）
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
需要在 requestAnimationFrame 每一次回调 clearRect 整个 canvas
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
可查看文档https://developers.weixin.qq.com/minigame/dev/guide/#%E4%BD%BF%E9%A3%9E%E6%9C%BA%E5%9B%BE%E7%89%87%E8%B7%9F%E9%9A%8F%E8%A7%A6%E6%91%B8%E7%A7%BB%E5%8A%A8
一个非常简单的场景：上屏canvas上绘制一个背景， 然后再绘制一张图片而已；安卓手机显示花屏 （IOS无任何问题）， 请帮忙看看哪里写错了？ 如何才能解决安卓手机花屏的问题？
===============================================
//设置背景
let tbg = new Image();
tbg.src = "images/cars/tbg.jpg";
tbg.onload = function () {
//到此处，安卓手机能正常显示，就是一个单纯的背景。
ctx.drawImage(tbg, 0, 0, window.innerWidth, window.innerHeight);
//此处再绘制一张图片， 安卓手机显示花屏
let tipsimg = wx.createImage();
tipsimg.src = "images/cars/tips.png";
tipsimg.onload = function(){
ctx.drawImage(tipsimg, (window.innerWidth - tipsimg.width) / 2, tableLeftTopY + 6 * gridSide + 20);
}
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
需要在 requestAnimationFrame 每一次回调 clearRect 整个 canvas
可查看文档https://developers.weixin.qq.com/minigame/dev/guide/#%E4%BD%BF%E9%A3%9E%E6%9C%BA%E5%9B%BE%E7%89%87%E8%B7%9F%E9%9A%8F%E8%A7%A6%E6%91%B8%E7%A7%BB%E5%8A%A8
一个非常简单的场景：上屏canvas上绘制一个背景， 然后再绘制一张图片而已；安卓手机显示花屏 （IOS无任何问题）， 请帮忙看看哪里写错了？ 如何才能解决安卓手机花屏的问题？
===============================================
//设置背景
let tbg = new Image();
tbg.src = "images/cars/tbg.jpg";
tbg.onload = function () {
//到此处，安卓手机能正常显示，就是一个单纯的背景。
ctx.drawImage(tbg, 0, 0, window.innerWidth, window.innerHeight);
//此处再绘制一张图片， 安卓手机显示花屏
let tipsimg = wx.createImage();
tipsimg.src = "images/cars/tips.png";
tipsimg.onload = function(){
ctx.drawImage(tipsimg, (window.innerWidth - tipsimg.width) / 2, tableLeftTopY + 6 * gridSide + 20);
}
}