html5 canvas填色画游戏代码

1、准备好需要用到的图标。

3、书写hmtl代艨位雅剖码。<div id="boxRender"> <颊俄岿髭div id="nowSelectColor"> </div> <div id="colorSelect" class="colorSelect"> </div></div><div class="imgShowRow"> <div onclick="changeDraw(0)" style=" background-image: url(exp/A.png);" class="item"> <div class="toolBox">汽车</div> </div> <div onclick="changeDraw(1)" style=" background-image: url(exp/B.png);" class="item"> <div class="toolBox">蘑菇</div> </div> <div onclick="changeDraw(2)" style=" background-image: url(exp/C.png);" class="item"> <div class="toolBox">飞机</div> </div> <div onclick="changeDraw(3)" style=" background-image: url(exp/D.png);" class="item"> <div class="toolBox">气球</div> </div> <div onclick="changeDraw(4)" style=" background-image: url(exp/E.png);" class="item"> <div class="toolBox">小鸭</div> </div> <div onclick="changeDraw(5)" style=" background-image: url(exp/F.png);" class="item"> <div class="toolBox">皮球</div> </div></div>

5、代码整体结构。