7

StackOverflow 用户

在制作 html5 应用程序/网站时,对于像画廊这样的情况,在浏览器中顺序或同时显示大量图像,使用 canvas 元素是否合理?

只要我们只是在谈论呈现图像,那么使用画布并在其上绘制图像而不是使用 DOM 元素 <img> 标签有什么意义吗?还会有一些图像处理,如 CSS3 转换/移动/缩放/缩放和手势识别(拖动、触摸/点击、可能捏合等),据我所知,它们适用于画布和 img标签。

尽可能多地保留“html5”风格并考虑性能也很重要。例如,将来画布元素是否会被浏览器越来越多地使用和优化会很重要,而 <img> 是否会更快也很重要。

由于我们正在考虑开发一个通用的 html5 应用程序,在桌面和移动设备上工作,性能和速度是一个非常重要的因素。但是,比较 canvas 和 <img> 的测试主要针对 javascript 浏览器游戏。在这种情况下,动画并不像内存消耗和整体性能那么重要。

有没有关于这个特定方面的资源/研究?

4

1 回答 1

1
UseCanvas = NeedCanvas ? true : false

这个操作你真的不需要画布,而且用画布开发需要更长的时间,因为它要复杂得多。

使用<img>带有 javascript 的标签不仅可以提高兼容性,还可以提高速度和可访问性——绝对所有带有浏览器的东西都可以运行 CSS 和 Javascript。此外还有 SEO 因素,我很确定画布中的图像不会被索引。

不要为了使用 HTML5 技术而使用 HTML5 技术。当您想要开始扭曲图像并让用户在它们上绘制以便您可以导出/保存时,这就是您需要画布的地方。

于 2012-06-08T15:08:26.413 回答