稍改了下官方文档。

模拟器上运行正常

但是手机预览的时候， 虽然用ctx画的绿色方块可以显示且运动。但是无法加载背景图片。背景漆黑一片。

我把bg.jpg换成了官方背景图片也还是无法加载。

下面是代码

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

let ctx = canvas.getContext('2d')
ctx.fillStyle = 'green'
ctx.fillRect(canvas.width / 2 - 50, 0, 100, 100)
let image = new Image()

image.src = 'images/bg.jpg'

function drawRect(x, y) {
  ctx.clearRect(0, 0, window.innerWidth, window.innerHeight)
  ctx.fillRect(x, y, 100, 100)
  ctx.drawImage(image, 0, 0, window.innerWidth, window.innerHeight)
}
const rectX = canvas.width / 2 - 50
let rectY = 0
window.requestAnimationFrame(loop)


function loop() {
  ctx.clearRect(0, 0, window.innerWidth, window.innerHeight)
  ctx.drawImage(image, 0, 0, window.innerWidth, window.innerHeight)
  ctx.fillRect(rectX, rectY++, 100, 100)
  window.requestAnimationFrame(loop)
}

这是真机调试报错信息。