svg 这玩意儿- -应该不是程序员写的吧- -。。。用代码写是不是会疯掉。。。

[TYchen]

RT 一般 svg 都是什么情况下用的- -怎么用的- -谁做 svg。。。求大佬科普。。。

[rogwan]

@designer 很漂亮！感觉比 font-awesome 好看

有几个问题请教：
1、整个 svg 库文件，加载完全，是多大？ font-awesome 貌似比较大，上百 k，放弃了
2、部分图标是不是可以考虑 12px 和 14px 支持啊
3、可以只使用单个图标吗。就是给<path>，这样就不用加载其他不需要的一大堆啦

[XiaoxiaoPu]

@rogwan font-awesome 有单个图标的 SVG https://github.com/encharm/Font-Awesome-SVG-PNG

[gclove]

@TYchen 手写... 大哥你是怎么想的
简单的是可以，大部分教程都是教你理解这种格式的原理

[Khlieb]

其实手写也是可以的，除非有需要，尤其是要临时做小修改的时候。Inkscape 里面有 XML 编辑器就是用来手写的。

[Kilerd]

https://icomoon.io/app/#/select

这里可以挑你自己用到的图标，然后打包成字体。

基本上就是几 K 大小的样子吧。挺好用的。

[bombless]

@nannanziyu 你大概不清楚 xaml 可以多复杂。不是很懂你的关注点在哪

[kokutou]

blender

!()[http://opxd3dflq.bkt.clouddn.com/Suzanne_and_teapot.svg]

[kokutou]

http://opxd3dflq.bkt.clouddn.com/Suzanne_and_teapot.svg

[kokutou]

@Livid
回帖里能让 svg 也跟图片一样自动显示吗？

[phy25]

@kokutou 你的图片地址不在 v2 可信域下，支持了也显示不出来吧。

[mringg]

用 d3js 能好些

[duan602728596]

AI 自己画啊

[leekafai]

路径是很难写啊。
手打贝塞尔曲线岂不美哉。
但是难写不代表不能写，看你选择咯。
适合自己的就好了，就像我，手打贝塞尔曲线显然不实际，那我就拿软件做咯，再复杂也秒了，美滋滋。
当然，不排除大神手写贝塞尔曲线，参考楼上吧。
还有一点就是，拿软件做可以丢给美工去搞，如果代码的话可能要自己搞的(๑>؂<๑）

[flyingkid]

纯手写 svg 图标，老实说只有学习 svg 有帮助。
工作里面一般应该没人这么做，如果图标简单还好，复杂的话你可以写很久。还不一定能写的和原稿差不多。所以这件事基本上应该是设计师做的。你需要做的事情是优化它。
例如这个网站： https://jakearchibald.github.io/svgomg/

[Coande]

貌似 Chrome 不推荐使用 svg 了吧

[Khlieb]

@Coande 官方博客写了？

[tinytin]

改个颜色什么的还可以

[holajamc]

我用 svg 画了整个网站……

[chuxiaonan]

1. 图的一部分需要修改颜色，同时相应不同的点击、鼠标移入、移出事件
2. 图的一部分需要根据一定的条件呈现不同的动画
3. 可以进行无穷动画，可以在动画进行的过程中随时暂停、恢复动画

虽然这些功能全部可以用 canvas 完成
然！而！
谁让 UI 导出的设计稿只有 s ！ v ！ g ！格！式！的！

[yuhr123]

用 inkscape 或 ai 设计，导出 svg 来用。