Html 在基于web的UI控件/小部件中使用SVG而不是光栅图形?

Html 在基于web的UI控件/小部件中使用SVG而不是光栅图形?,html,css,svg,Html,Css,Svg,我已经使用JavaScript、CSS和HTML(以及SVG)实现了UI控件。我知道浏览器对SVG作为背景图像的支持很差,但这与我无关,因为该项目不会很快启动 然而,像CSS精灵这样的事情让人感到痛苦。使用Illustrator比使用Photoshop更痛苦。我想知道向量图形(可伸缩性)的主要好处是否值得这么做?您认为在复选框、按钮等UI控件中使用SVG而不是光栅图形是一个好主意吗?值得。试想一下,人们在iPhone上使用一个应用程序,然后在iPad上使用同一个应用程序会有很大帮助。最困难的事情

我已经使用JavaScript、CSS和HTML(以及SVG)实现了UI控件。我知道浏览器对SVG作为背景图像的支持很差,但这与我无关,因为该项目不会很快启动


然而,像CSS精灵这样的事情让人感到痛苦。使用Illustrator比使用Photoshop更痛苦。我想知道向量图形(可伸缩性)的主要好处是否值得这么做?您认为在复选框、按钮等UI控件中使用SVG而不是光栅图形是一个好主意吗?

值得。试想一下,人们在iPhone上使用一个应用程序,然后在iPad上使用同一个应用程序会有很大帮助。最困难的事情是学习生成矢量图形所需的工具。Illustrator并不比Photoshop难,它只是与众不同;您正在学习一种新的图像编辑/创建模式,就好像您正在从Java跳转到Haskell一样。

您需要IE和移动支持吗?Firefox 4、IE 9、Opera 11、Safari 5和Chrome 8。浏览器确实带有复选框、按钮等内置控件。我需要更多定制,甚至比HTML5表单控件提供的更多,比如文本字段分组、分页下拉列表等。更不用说一个全新的外观。我觉得有趣的是,你发现Illustrator更痛苦。我的经验正好相反。当Photoshop需要改变一些大小时,你会在Photoshop中重新绘制所有内容吗?