android - webkit 栅格与矢量图像

Question

我正在尝试解决为 webkit 浏览器设计 HTML 时的分辨率问题。所以基本上问题是 webkit 浏览器的分辨率可以从 240x320 到 960x640 不等，我不能为每个浏览器设置单独的图像/图标，但我确实希望页面在所有设备上看起来都一样(或者至少非常接近) ).

缩放图像(使用百分比)有效，但会降低性能: http://code.google.com/speed/page-speed/docs/rendering.html#SpecifyImageDimensions

另一种选择是使用 webkit 支持的矢量图形，但我不知道这会对页面/应用程序产生性能影响。

另一种选择是为一些标准的众所周知的分辨率设置一些图标，当您使用这些组之外的浏览器时，您可以在最接近用户原始分辨率的设置上应用一些小的缩放比例。

所以基本上我要问的是，在考虑性能的情况下实现这一目标的最佳途径是什么？

谢谢-阿萨夫

Answer 1

Vector graphics在运行时性能方面总是更昂贵，因为运行复杂的方程式来创建它们。话虽如此，我不确定它们是否每帧都从头开始重新绘制，或者结果是否被缓存，除非它处于脏状态。

我建议为众所周知的分辨率设置一些不同的图标，并在需要时应用较小的缩放比例。