就个人而言,我不愿把画布放在彼此的顶部。画布其实只是一个位图,显示你需要的所有像素,所以你应该只对大多数案例需要一张。
我建议使用一个图书馆来帮助您管理不同对象。 我发现Grant Skinners < a href=>"http://www. createjs.com/#!/EaselJS" rel="nofollow">EaselJS 是需要合作的微风。
此库可以方便地将对象分组, 并将其添加到画布中, 添加鼠标听众来捕捉对象的点击器也显得微不足道 。 在使用没有库的画布时, 您需要写入许多代码 。
有关"的文献和实例,还有:http://www.createjs.com/#!/EaselJS" rel=“no follow”>EaselJS 。
<强 > EDIT: 强 >
以下是用于分组对象的 container
的文档摘要。
容器是一个可嵌套的显示列表, 允许您使用复合显示元素。 例如, 您可以将手臂、 腿、 托尔索 和 Bitmaps 组合成一个个人容器, 并将它们作为一个整体转换成一个组合, 同时仍然能够相互移动各个部分。 容器的孩子有变形特性和字母特性, 与母容器相连接。 例如, 将一个带有 x=100 和 Alpha=0.5 的形状, 放在一个 x=50 和 Alpha=0.7 的容器中, 放在一个 x=150 和 Alpha=0. 35 的容器中。 容器有一些间接间接的, 所以通常您应该创建一个容器, 以容纳一个孩子 。