在HTML5画布中更改背景图像

Question

我需要在HTML5画布中更改背景图片。

我想使用2个不同的缩略图作为按钮，当我点击其中一个图像时，背景应该更改为该特定图像。

Answer 1

技术1

1. 在相应按钮的click上，在<canvas>元素上设置唯一的CSS类。
2. 使用CSS将背景图像应用于画布。

绘制命令和删除画布不会影响内容背后的CSS应用背景图像。

技术2

1. 编写一个redraw()函数，该函数知道如何擦除画布并重新生成绘图，包括确定要绘制的图像作为背景。
2. 在click按钮上设置变量并重新调用redraw()功能。它将擦除画布并使用变量绘制正确的图像。