Canvas 背景图片?

Canvas background image?

抱歉我的英语不好,但是谁能告诉我如何添加背景图片而不是只有黑色

Canvas with moouse effect

我试过 css 但没有成功

1 将图像添加到 html 正文标签

<BODY background='http://127.0.0.1/bg.jpg'>

2 从 javascript

中删除这些行
ctx.fillStyle = "black";
ctx.fillRect(0, 0, W, H);

在 javascript

之上加载图像
var background = new Image();
background.src = "http://127.0.0.1/bg.jpg";

然后替换行

ctx.fillStyle = "black";
ctx.fillRect(0, 0, W, H);

ctx.drawImage(background,0,0);