javascript - Canvas 还是PNG？ (适用于 html5 动画)

Question

我要开发一个 html5 丰富的动画。我已经在 Illustrator 中设计了组件，但现在的问题是如何导出这些组件？ 通过 Canvas 对象？或通过图像(png)？。

请注意，组件可能会发生一些变化(例如一朵花在某个时刻长出了翅膀)..

1. Canvas 可以让我轻松添加和删除这些添加内容，但是对于 Image，我应该使用 z-index 将它们设为绝对值。
2. 图像将防止未经许可复制我的组件(至少它可以防止任何人将它们作为矢量图像)..所以它确实有优势。

谢谢!，~ 阿尔莫格巴库

Answer 1

如果您想要快速、具有大量 Sprite 和直接交互的东西，那是显而易见的:使用 Canvas 。

此 API 与其他语言中大多数 2D 图形 API 非常相似，并且支持“直接”绘图和合成。

当你有很多对象和转换时，使用 html 引擎来组合和重画东西是非常低效的。