画布背景图片？

【问题标题】：Canvas background image?画布背景图片？
【发布时间】：2015-03-18 22:55:26
【问题描述】：

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

我尝试过使用 css 但没有成功

【问题讨论】：

【解决方案1】：

在 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);

【讨论】：

【解决方案2】：

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

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

2 从 javascript 中删除这些行

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

【讨论】：

这在某种程度上可行但不完全:) 背景很好但效果不好，当你移动鼠标时它会影响整个图像，我不知道怎么说，鼠标轨迹停留在背景上。我会尝试调整 xD 也许，如果我可以使画布透明编辑：尝试使画布透明，然后效果不显示