前端有关canvas层级关系的一个小问题

        之前改了项目上的一个bug然后就引出了现在这个问题，下面这些是用的canvas画出来的。

         这个问题就是灰色的条上有两个黄色的方块（红色是当前选中状态），然后选中同一行中其中一个黄色方块后，另一个方块是无法选中的 。

        我开始将问题定位到层级之后就去找对应修改层级的api，找了半天没有找到，然后就想到canvas是最下面的图像先画，就去找到这个方块的数组，然后发现灰色的长条是在数组最后一个，addOrDelZone就是灰色长条

         然后我将最后一个放到第一个以后，同一行的两个黄色方块就都可以正常点击了

 总结：前端在使用canvas有层级需求的时候，按照层级关系依次排列

            ps：这些都是刚刚入行前端的小白工作中遇到的问题，或有更好的处理方法，这里仅述说对个人问题有效的解决办法