3.选择Local file,然后选择SVG图形路径，点next --> finish 就好了。具体如图所示。

对于设计稿的解析中，肯定是有些设计稿有特殊的字体，而这些字体可能只有设计师才有，或者只有前端拓展了系统字库才能显示器正确效果。但对于前端页面的终极使用者，他们可能系统没有这些字体，那么对于这些特殊字体究竟该如何...

我们如果希望和某个 Github 项目开发者沟通，比如给这个项目提个 bug 之类。传统的方式是在该项目创建一个 issue ，等开发者看到后（可能是很久之后~），回复该 issue。但是，如果你希望进行实时的进行沟通，能有个聊天室就好了~...

大写字母表示到后面值为绝对值，小写字母表示后面值为相对当前点的值 画一条起点是（10, 10）终点点是 (20, 30) 的线

线<line x1="10" x2="50" y1="110" y2="150"/>折线<polyline points="60 110, 65 120, 70 115, 75 130, 80 125, 85 140, 90 135, 95 150, 100 145"/>矩形在座标为 (10,20) 的地方画......

以前的文集有《我爱目录》，《Web前端》，《ES6》，《SVG》，《Web 前端攻城狮学习计划》，《Web 前端框架&组件&类库》，《Web 前端开发利器》， 《写作》，《读书笔记》，《设计》，《文艺恶棍》，《关于吃》，《每周好文收藏》，《生活》，《杂...

我们需要把它裁切并转成svg格式再生成字体图标，比较繁琐，而我新系统目前也没有装相应软件，所以这里不采用这些图标，选用网上已有类似的字体图标来代替。...

数据可视化， 特别是基于Web的数据可视化的时代已经到来了。类似JavaScript的可视化库如D3.js, Raphaël, 以及Paper.js, 以及最新浏览器所支持的如Canvas和SVG， 以及使得那些过去只能由计算机专家和专业设计人员开发的...

这是本教程第1部分的延续。在本部分中，我们将介绍文本工具，对齐以及在Sketch中使用导入的矢量图形。

SVG 是一种基于 XML 语法的图像格式，全称是可缩放矢量图（Scalable Vector Graphics）。其他图像格式都是基于像素处理的，SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。...