这是一个创建于 3718 天前的主题，其中的信息可能已经有所发展或是发生改变。
前段时间，接触到了SVG矢量图形，感觉这是个很不错的技术，可是为什么总觉得它不温不火，没有广泛应用呢？设计工具太少还是设计过程太过复杂？
 |
1
imn1 2014-09-25 15:25:06 +08:00
1.引擎
2.不像像素图那样一个img标签就能用 SVG我最看重的是它是可编程图片，可以纯粹用代码无中生有“画”出来 |
 |
3
dong3580 2014-09-25 15:29:30 +08:00
IE8-,手机端，效果在不同浏览器上差距有点大。另外，大家都是宁愿画图也不愿写成代码，毕竟，有点麻烦。
|
 |
4
learnshare 2014-09-25 15:31:06 +08:00
可编程实现的“图像”，玩起来难度比较大
|
 |
5
flyaway OP 确实也是……稍微复杂一点，就要写好多代码
|
|
6
imn1 2014-09-25 15:41:52 +08:00
@dong3580 但是做各类的chart很需要代码，还能上script，我是真心希望国内的证券网站的行情图都用SVG，放弃flash
|
|
7
flyaway OP SVG可是实现动态修改图片，还可以和用户交互，这点也很不错的。
|
 |
8
kmvan 2014-09-25 15:50:43 +08:00
svg 图形，并不是没有广泛应用的。
手机上的话，塞班时代里面的系统主题或图标，早就能用 SvG 图形来绘制了，如果用100% svg来弄主题，主题跑起来的效率真不低。 BUT，近几年才在web上开始流行（特别是字体图形之类的），我想这原因大概就是：维护成本高。 抛开iE8-的浏览器不说，连在 firefox 和 chrome 下，他们的表现都不一定完全相同。后期维护没有图片这么一目了然，还得要一个一个对应才行。加上徒手写 svg 图形代码，实在是非常困难，画个圆上点色都能恶心死你。 我相信只要有了好工具，svg肯定是能普及开来的 |
 |
9
ctexlive 2014-09-25 16:06:17 +08:00
inkscape svg制作工具
svg就是矢量图, 动画这块确实缺乏好的工具制作,但静态图流行的矢量制图工具都可以 |
 |
10
BGLL 2014-09-25 16:14:55 +08:00
以前塞班S60 V2 FP3刚改用SVG的时候，很多人抱怨各种图形效果难做（当年还是很流行拟物，尤其是崇尚3D效果）.......那时候熟练PS的设计师比AI的多多了，
|
 |
11
alang 2014-09-25 16:17:36 +08:00
没有大厂家自持。google，微软，什么web技术是基于SVG的？木有吧？微软有个web页面三维虚拟的技术是基于svg的，但是没有流行起来，over掉了。
|
 |
13
zkd8907 2014-09-25 17:24:36 +08:00
推荐一个SVG的JS库：Raphaël（http://raphaeljs.com/），可以通过js生成SVG，包括可交互的SVG对象，而且可以兼容到IE8。
|
 |
14
heganj 2014-09-25 18:03:22 +08:00
d3.js ?
|
 |
15
66beta 2014-09-25 18:05:40 +08:00
个人认为，用代码画图，本身就是反人类的～
必须用工具导出代码才合理 |
 |
16
GordianZ MOD  1
复杂一点的，例如世界地图 http://upload.wikimedia.org/wikipedia/commons/0/03/BlankMap-World6.svg 渲染卡死你，如果只是用图表的话，替代的方案太多了，SVG 也没有什么优势。
|
|
17
kmvan 2014-09-25 19:04:00 +08:00
|
|
18
BGLL 2014-09-25 20:08:52 +08:00
@kmvan 冗余？难道要手写svg？那用机器码编程有什么区别....
S60也是悲哀，现在ISO、安卓时常为不同分辨率下切图而苦恼，而S60用着全矢量的界面系统，然而到死都是640x360像素的分辨率... |
 |
19
dorentus 2014-09-26 08:49:54 +08:00 via iPhone
img src=xxx.svg 是可以用的啊，Github 上面常见的各种 badge image 服务，如 travis ci 的，想支持 Retina 的话，最方便的方法就是提供 svg 版的图片了。
|
Select Language