javascript - 有助于为网络实现高分辨率图像、矢量图形的框架

标签 javascript jquery html css

在技术方面,我们的客户支持各种功能(如 svg),而其他客户则不支持。我们还处于各种客户端不仅支持而且基本上需要高分辨率图形(iPhone 4+、iPad 第三代)的地步。

是否存在一个框架可以帮助我们在可能和/或支持的情况下呈现 svg,以及提供高分辨率版本的图像以便在高分辨率设备上查看?

我已经使用基本的 CSS 和一些用户代理检测处理过很多次这个问题,但我正在寻找能让这个过程更快、更流畅的东西。此外,现在使用旧的手动方式处理交付不同版本的实际图像(网站上的多张照片,而不仅仅是 Logo )变得越来越麻烦。

感谢阅读!

最佳答案

你看过Modernizr了吗? ?我从未使用过它,但我读到过它使用 Javascript 来检测浏览器中可用的 Html5 和 CSS3 功能,并允许您对旧浏览器使用 polyfills,以便您获得优雅的降级。我知道它也有一个 SVG 部分。可能有一些为 iPhone 等切换高分辨率图像的能力(我没有调查过它......肯定有人对它很熟悉)。据我了解,它实际上非常强大。我认为值得研究,尽管它可能不是您要找的东西。

关于javascript - 有助于为网络实现高分辨率图像、矢量图形的框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9821631/

相关文章:

javascript - 将属性插入 Angular Controller 数组中的对象的最佳方法

javascript - CSS 溢出 : hidden or scroll not working with span

javascript - 如何使用相对位置进行图像褪色?

jQuery下拉菜单向下和向上滑动

javascript - 富文本编辑器使用 contenteditable 包裹文本

html - 如何将我的输入字段设为黑色并将文本设为蓝色

javascript - window.open 打开一个空白页

javascript - 使用 javascript 存储动态内容时出现未终止的字符串文字错误

javascript - 使用set()方法更新数据效率的疑问

jquery - jQuery 中的链接函数。我在任何地方都找不到解释