画布与img - 性能

mih*_*_cz 6 javascript html5

我试图找到一些相关的消息来源并没有发现任何东西.

所以,我的问题非常简单.画布比img更快吗?我会在img(png,gif)或canvas中使用object.

  1. 对象只使用一次,
  2. 多次使用相同的对象,例如admin中的图标,
  3. 多次使用不同的对象,例如公司的徽标.

我对内存使用,浏览器性能和加载速度感兴趣.

编辑#1:画布由js绘制,它将与img标签中的图像相同.

Dan*_*mms 5

不,img比使用 更快、更容易创建并且更易于访问canvasimg标签旨在显示图像,因此如果这就是您需要做的,请使用标签img。多次使用并不重要,因为图像只会下载一次。

如果您需要一些动画或交互性,那就是时候考虑了canvas

  • @Robula `img` 是为了绘制图像而构建的,一切都在本机代码中处理。对于“canvas”,您需要创建 DOM 元素,以某种方式获取图像(可能通过“img”元素),然后绘制它。它们被构建为用于绘制各种事物的通用画布,“img”很简单,因此更适合绘制图像。 (2认同)