移动应用开发：HTML5 Image 或 Canvas

Question

我对网络开发（但不是编程）相当陌生，需要一些建议：

我正在开发一个使用 HTML5、CSS 和 Javascript（以及用于设备功能的 Cordova）的移动应用程序。

该应用类似于抽认卡（您小时候用来记忆事物的那些东西）。会有一些动画（将卡片翻过来）等，但在大多数情况下，抽认卡的设计将是静态的（边框与中心的主要内容）。

最好的方法是什么（在画布上绘图或为每个抽认卡使用图像？我对两者的性能和视觉考虑感兴趣。

Answer 1

这实际上取决于卡片将执行的动画类型，如果它们在 x/y 轴上翻转，您可以简单地拥有图像并使用 JS 操纵其大小/翻转它等。

根据我的经验，这些计算/动画更快（如果您希望它在多个设备上兼容）但是任何更复杂的动画都应该使用画布 - 我注意到在为智能手机创建广告时，画布确实会减慢一些速度动画下来。