微信小游戏canvas操作

时间：2019-01-08 19:21:19 阅读：371 评论：0 收藏：0 [点我收藏+]

这几天在做项目的时候，想在游戏画面之前，在Canvas上面画上一张背景图，代码如下

let ctx = canvas.getContext(‘2d‘)

export default class Main {

constructor() {

this.startpic()

}

startpic(){

var img = new Image(100, 100)

img.src = BG_IMG_SRC

ctx.drawImage(this.img, 10, 10);

}

技术分享图片

这张图片却怎么也显示不出来。

后来发现：


找资料说要添加image的onload方法：

var img = new Image(100, 100)

img.src = BG_IMG_SRC

img.onload = this.drawImageActualSize();

ctx.drawImage(this.img, 10, 10);

显示出来了，效果如下：

技术分享图片

发现微信小游戏的帖子非常少，发一片活跃一下

原文地址：https://www.cnblogs.com/wangzio/p/10240208.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行