感觉 SVG 是个挺不错的东西,为什么一直以来都没有广泛应用起来呢?

2014-09-25 15:14:36 +08:00
 flyaway
前段时间,接触到了SVG矢量图形,感觉这是个很不错的技术,可是为什么总觉得它不温不火,没有广泛应用呢?设计工具太少还是设计过程太过复杂?
4358 次点击
所在节点    问与答
19 条回复
imn1
2014-09-25 15:25:06 +08:00
1.引擎
2.不像像素图那样一个img标签就能用

SVG我最看重的是它是可编程图片,可以纯粹用代码无中生有“画”出来
flyaway
2014-09-25 15:28:08 +08:00
@imn1 我也比较喜欢它可以直接“写”出图形来,不过这个过程比较复杂,可能没有适合的工具也是原因之一吧。
dong3580
2014-09-25 15:29:30 +08:00
IE8-,手机端,效果在不同浏览器上差距有点大。另外,大家都是宁愿画图也不愿写成代码,毕竟,有点麻烦。
learnshare
2014-09-25 15:31:06 +08:00
可编程实现的“图像”,玩起来难度比较大
flyaway
2014-09-25 15:35:09 +08:00
确实也是……稍微复杂一点,就要写好多代码
imn1
2014-09-25 15:41:52 +08:00
@dong3580 但是做各类的chart很需要代码,还能上script,我是真心希望国内的证券网站的行情图都用SVG,放弃flash
flyaway
2014-09-25 15:43:16 +08:00
SVG可是实现动态修改图片,还可以和用户交互,这点也很不错的。
kmvan
2014-09-25 15:50:43 +08:00
svg 图形,并不是没有广泛应用的。
手机上的话,塞班时代里面的系统主题或图标,早就能用 SvG 图形来绘制了,如果用100% svg来弄主题,主题跑起来的效率真不低。

BUT,近几年才在web上开始流行(特别是字体图形之类的),我想这原因大概就是:维护成本高。
抛开iE8-的浏览器不说,连在 firefox 和 chrome 下,他们的表现都不一定完全相同。后期维护没有图片这么一目了然,还得要一个一个对应才行。加上徒手写 svg 图形代码,实在是非常困难,画个圆上点色都能恶心死你。

我相信只要有了好工具,svg肯定是能普及开来的
ctexlive
2014-09-25 16:06:17 +08:00
inkscape svg制作工具
svg就是矢量图, 动画这块确实缺乏好的工具制作,但静态图流行的矢量制图工具都可以
BGLL
2014-09-25 16:14:55 +08:00
以前塞班S60 V2 FP3刚改用SVG的时候,很多人抱怨各种图形效果难做(当年还是很流行拟物,尤其是崇尚3D效果).......那时候熟练PS的设计师比AI的多多了,
alang
2014-09-25 16:17:36 +08:00
没有大厂家自持。google,微软,什么web技术是基于SVG的?木有吧?微软有个web页面三维虚拟的技术是基于svg的,但是没有流行起来,over掉了。
paloalto
2014-09-25 17:03:19 +08:00
赞同 @kmvan ,徒手写 svg 图形代码真的好痛苦。
zkd8907
2014-09-25 17:24:36 +08:00
heganj
2014-09-25 18:03:22 +08:00
d3.js ?
66beta
2014-09-25 18:05:40 +08:00
个人认为,用代码画图,本身就是反人类的~
必须用工具导出代码才合理
GordianZ
2014-09-25 18:26:11 +08:00
复杂一点的,例如世界地图 http://upload.wikimedia.org/wikipedia/commons/0/03/BlankMap-World6.svg 渲染卡死你,如果只是用图表的话,替代的方案太多了,SVG 也没有什么优势。
kmvan
2014-09-25 19:04:00 +08:00
@66beta 如果你用过 AI 来撸 svg 图形,就会发现,AI 导出的图形代码很多冗余,不过如果不是变态级别的处女座,估计也不会去对代码“优化”吧,因为这实在是太恶心人了。
@BGLL S60的图标,还是挺好看的,诺基亚的都是圆圆滑滑的
BGLL
2014-09-25 20:08:52 +08:00
@kmvan 冗余?难道要手写svg?那用机器码编程有什么区别....

S60也是悲哀,现在ISO、安卓时常为不同分辨率下切图而苦恼,而S60用着全矢量的界面系统,然而到死都是640x360像素的分辨率...
dorentus
2014-09-26 08:49:54 +08:00
img src=xxx.svg 是可以用的啊,Github 上面常见的各种 badge image 服务,如 travis ci 的,想支持 Retina 的话,最方便的方法就是提供 svg 版的图片了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/135639

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX