【问题标题】:Is canvas faster than a normal image?画布比普通图像快吗?
【发布时间】:2010-12-03 19:51:33
【问题描述】:

如果我有例如这样的图像:

如果它是用 JS 写在画布上,它会加载更快吗?还是以 PNG、JPG 或 GIF 格式更快?

【问题讨论】:

  • 在我看来,这是带宽与执行时间的权衡,一个答案并不适用于所有图像。
  • 哈哈。那我很高兴,@Ish Kumar:D
  • 为了清楚起见,“用 JS 编写”我假设您的意思是进行数学运算以实际渲染它,而不仅仅是通过 JS 加载图像并将其绘制到画布上。对吗?
  • 还没有人提到它,所以我会 - 如果最终用户禁用了 JavaScript,JavaScript 解决方案将失败:)
  • @Russ Cam 这是真的,但今天几乎每个人都启用了 JS :)

标签: javascript image canvas performance photo


【解决方案1】:

这取决于您的网络延迟,对于非平凡大小的图像,取决于您的服务器端和用户端的可用带宽。高延迟和低带宽会增加基于画布的解决方案更快的可能性。

基于画布的图像绘制速度在浏览器之间也有很大差异。以下是一些相当过时的结果:

http://ajaxian.com/archives/canvas-benchmark

自 Chrome 进阶 4 版本以来,Firefox 团队在 Firefox 4 的性能上投入了大量的精力,IE9 也出现了硬件加速。但它至少可以让您了解可变性。

【讨论】:

    猜你喜欢
    • 2011-06-01
    • 2011-09-16
    • 1970-01-01
    • 2011-06-14
    • 1970-01-01
    • 2015-02-20
    • 1970-01-01
    • 2014-03-31
    • 2012-02-09
    相关资源
    最近更新 更多