【问题标题】:Using SVG instead of raster graphics for web based UI controls/widgets?对基于 Web 的 UI 控件/小部件使用 SVG 而不是光栅图形?
【发布时间】:2011-05-11 14:28:06
【问题描述】:

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

但是,做 CSS sprites 之类的事情感觉很痛苦。使用 Illustrator 也比使用 Photoshop 更痛苦。我想知道矢量图(可扩展性)的主要好处值得吗?您认为在 UI 控件(如复选框、按钮等)中使用 SVG 而不是光栅图形是个好主意吗?

【问题讨论】:

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

标签: html css svg


【解决方案1】:

这是值得的。想想人们在 iPhone 上使用一个应用程序,然后在 iPad 上使用同一个应用程序——可扩展性有很大帮助。最困难的事情是学习制作矢量图形所需的工具。 Illustrator 并不比 Photoshop 难,只是不同;您正在学习一种新的图像编辑/创建范例,就好像您正在从 Java 跳到 Haskell。

【讨论】:

    猜你喜欢
    • 2015-02-02
    • 2012-08-06
    • 1970-01-01
    • 2014-09-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-14
    相关资源
    最近更新 更多