感觉 SVG 是个挺不错的东西,为什么一直以来都没有广泛应用起来呢? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
flyaway
V2EX    问与答

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

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

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

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

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

    S60也是悲哀,现在ISO、安卓时常为不同分辨率下切图而苦恼,而S60用着全矢量的界面系统,然而到死都是640x360像素的分辨率...
    dorentus
        19
    dorentus  
       2014 年 9 月 26 日 via iPhone
    img src=xxx.svg 是可以用的啊,Github 上面常见的各种 badge image 服务,如 travis ci 的,想支持 Retina 的话,最方便的方法就是提供 svg 版的图片了。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2599 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 38ms UTC 10:45 PVG 18:45 LAX 02:45 JFK 05:45
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86