混合canvas和CSS3元素

Question

我正在使用canvas实现HTML5游戏.现在我正在考虑使用在画布上具有绝对位置的HTML元素来制作所有文本叠加,例如工具提示,speechbubbles,infowindows等.所以我可以使用CSS3提供的许多效果和转换.

但我不确定性能.必须快速添加和删除这些叠加(这是MMORPG喜欢的东西,所以会有很多语音泡沫等等).

关于性能可能有两个问题:

1. DOM遍历添加/删除.也许缓存有用吗？

2. HTML和CSS3本身.

另一种选择是在画布本身中管理这些元素,每帧绘制它们.但也许我再次有性能损失,因为额外的代码,超时和我必须添加的东西,以实现类似CSS3中的效果.无论如何都需要遍历一些数据结构.

任何建议,意见,经验？

提前致谢.

Answer 1

考虑仅使用上述两种技术中的一种。也许您可以在手机或平板电脑上发布该应用程序。我认为在这些设备上同时处理两者会出现问题。另一件事：如果你留在画布上，就不用担心兼容性。这不是一个技术性的答案，但却是一个发人深省的答案。