[已解决]微信小程序定制多张图片的显示顺序问题

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

问题模块框架类型问题类型操作系统工具版本
开发者工具小游戏 Bug Windows 1.02

通过以下代码加载多张图片，如果图片相互有重叠的时候，发现图片的显示顺序没有任何规律，有时候A覆盖B，有时候B覆盖A。难道不是根据代码顺序加载的吗？
var imageA = wx.createImage()
imageA.src = './images/A.jpg'
imageA.onload = function () {
ctx.drawImage(imageA, 0, 0, screenWidth, screenWidth)
}

var imageB = wx.createImage()
imageB.src = './images/B.jpg'
imageB.onload = function () {
ctx.drawImage(imageB, 0, 0, screenWidth, screenWidth)
}

微信小程序开发问题解答

微信小程序开发者回答：

这不是个问题，web编程经验的都知道

微信小程序开发者回答：

因为图片的load是异步的。所以到底哪张图片会先load出来说不准了。

微信小程序开发者回答：

那岂不是抓瞎

微信小程序开发者回答：

自己控制

微信小程序开发者回答：

我是个初学者，还不太懂怎么控制。望多多指教。
可以举个例子吗？谢谢！

微信小程序开发者回答：

迂回了一下，哈哈：第一次把图片仍到离屏了，反正不显示，顺序怎么乱都无所谓，后续通过事件触发的drawimage是按顺序堆叠的。

微信小程序开发者回答：

开发者工具版本：1.02.1807200.
在开发者工具和真机上都会出现这种情况。

微信小程序开发者回答：

你好，请问是只有开发者工具有这种情况吗？开发者工具是哪个版本呢？

微信小程序开发者回答：

开发者工具版本：1.02.1807200.在开发者工具和真机上都会出现这种情况。

微信小程序开发者回答：

麻烦提供相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

微信小程序开发者回答：

清除缓存，第一次进入，图片顺序显示正常：

点击重新编译，顺序就反了：

为了测试，把文件更名后，只改变了一下图片显示大小和位置，脚本顺序不变，图片顺序却乱了：

微信小程序开发者回答：

清除缓存，第一次进入，图片顺序显示正常：

点击重新编译，顺序就反了：

为了测试，把文件更名后，只改变了一下图片显示大小和位置，脚本顺序不变，图片顺序却乱了：

import './js/libs/weapp-adapter'

微信小程序开发者回答：

请按正确格式提供代码片段（ https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html ）

微信小程序开发者回答：

wechatide://minicode/7Xz6ocmr7zoF

微信小程序开发者回答：

你好，canvas 的层叠是按照 draw 的顺序来的

微信小程序开发者回答：

那我发的截图情况，如何解释？

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

上一篇：小游戏IDE快捷键bug

下一篇：更新完老黑屏啥意思