在JavaScript游戏开发中Canvas与DOM的优点/缺点是什么？

Question

与使用canvas相比,在'纯'DOM中创建游戏有哪些优缺点？

Answer 1

帆布 职业:

1. 可以操纵像素并应用滤镜效果,便于图像处理;
2. 对于小尺寸但游戏中有数百种元素非常有效
3. 许多游戏库可以使用canvas找到,例如box2dweb,并且可以制作很棒的游戏,比如愤怒的小鸟

缺点:

1. 它是无状态的,所以你必须在画布中记录元素的状态,并自己处理命中测试.
2. 对于非常大的尺寸效率低,但游戏中只有一些元素
3. 能力强,责任心强.绘画的自由,带来你必须负责所有绘图人员.幸运的是,那里有很多库,比如cocos2d-html5,IvanK.

DOM 专业人士:

1. 由浏览器呈现,因此不易出错;

缺点:

1. 可以用CSS做简单的动画,这会让游戏不流畅;
2. 没有好处理数百个DOM元素;  

Answer 2

使用画布，您可以执行诸如旋转之类的操作，而如果不使用一些“重型”技巧，则无法使用纯圆顶来执行这些操作。不管怎样，dom 更快，你可以在每个浏览器中使用它，没有任何问题。你必须考虑你要在游戏中使用什么，如果你只使用基本操作，请使用 dom，否则选择画布。