V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
flyaway
V2EX  ›  问与答

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

  •  
  •   flyaway · 2014-09-25 15:14:36 +08:00 · 4392 次点击
    这是一个创建于 3738 天前的主题,其中的信息可能已经有所发展或是发生改变。
    前段时间,接触到了SVG矢量图形,感觉这是个很不错的技术,可是为什么总觉得它不温不火,没有广泛应用呢?设计工具太少还是设计过程太过复杂?
    19 条回复    2014-09-26 08:49:54 +08:00
    imn1
        1
    imn1  
       2014-09-25 15:25:06 +08:00
    1.引擎
    2.不像像素图那样一个img标签就能用

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

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

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

    S60也是悲哀,现在ISO、安卓时常为不同分辨率下切图而苦恼,而S60用着全矢量的界面系统,然而到死都是640x360像素的分辨率...
    dorentus
        19
    dorentus  
       2014-09-26 08:49:54 +08:00 via iPhone
    img src=xxx.svg 是可以用的啊,Github 上面常见的各种 badge image 服务,如 travis ci 的,想支持 Retina 的话,最方便的方法就是提供 svg 版的图片了。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3114 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 13:31 · PVG 21:31 · LAX 05:31 · JFK 08:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.