English 中文(简体)
HTML5 Canvas 的平层的最佳方式吗?
原标题:Best way to layer in HTML5 Canvas?

如果要在 HTML 5 上在不同层次上工作, 那么什么是最好的方法? 我看到有些人决定把一些画布堆在彼此的顶上 使用位置: 绝对。 这是最好的方法吗?

问题回答

就个人而言,我不愿把画布放在彼此的顶部。画布其实只是一个位图,显示你需要的所有像素,所以你应该只对大多数案例需要一张。

我建议使用一个图书馆来帮助您管理不同对象。 我发现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 的容器中。 容器有一些间接间接的, 所以通常您应该创建一个容器, 以容纳一个孩子 。





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签