真机调试时 fillRect绘制的图形 在 drawImage 后 不显示
- 当前 Bug 的表现(可附上截图) 单独 fillRect 会显示绿色方块,添加 drawImage 代码则绿色方块不显示 - 预期表现 预期是显示绿色方块和Image。
模拟器上显示正常。 - 复现路径 单独 fillRect 会显示绿色方块,添加 drawImage 代码则绿色方块不显示 - 提供一个最简复现 Demo 机型:华为P8 MAX 微信版本号:7.04 系统版本号:v1.02.1905151 能复现问题的代码片段: //import './js/libs/weapp-adapter' //import './js/libs/symbol' //import Main from './js/main' //new Main() const canvas = wx.createCanvas() const context = canvas.getContext('2d') // 创建一个 2d context context.fillStyle = '#1aad19' // 矩形颜色 function drawRect(x, y) { context.clearRect(x, y - 1, 100, 100) context.fillRect(x, y, 100, 100) } drawRect(canvas.width / 2 - 50, 0) const image = wx.createImage() const imgX = canvas.width / 2 - 50 let imgY = 500 image.onload = function () { context.drawImage(image, imgX, imgY) } image.src = 'images/hero.png' 补充两个问题(在更新后的代码片段中): 2,触发onTouchStart后,初始化时绘制的飞机图片也消失了 3,后绘制的image2被先绘制的image1遮盖,如果图片有叠加关系,该如何设置呢?
谢谢!