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

标签 javascript html canvas html5-animation


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

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

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

谢谢!, ~ 阿尔莫格巴库

最佳答案

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

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

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

关于javascript - Canvas 还是PNG? (适用于 html5 动画),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10817808/

相关文章:

javascript - 我可以让 Node.JS 生成没有 html 页面的 Canvas 吗?

javascript - JavaScript 如何将 DOM 元素存储在变量中?

html - 调整浏览器窗口大小时出现问题

python - Tkinter、Canvas 在窗口大小调整时拒绝扩展或收缩

javascript - Nodejs 将服务器 HTTP 更改为 HTTPS

javascript - reactjs popover 组件 - 推送属性/事件处理

html - 如何设置(CSS)边框宽度?

HTML5/Canvas "Glass"圆形

javascript - 剪辑通过 Canvas 运行的视频的最有效方法是什么

javascript - 如何使用 JavaScript 和 jQuery 动态添加文本?