使用 SVG 制作环形进度条，主要使用的是 SVG 本身的 stroke-dasharray 和 stroke-dashoffset。

路径动画的效果还是挺有意思的，而 Web 中常用的方法就是 SVG。先上一个效果图： SVG 要在 SVG 里面实现文字路径动画还是比较简单的，SVG 里面就有天然的支持。 我们先搞个 SVG 路径 <svg id="textPathDemo" xmlns="http://ww…

一些提高 SVG 开发效率的工具

用 SVG 实现一个像是 Flash 的小游戏，不是不可能！而且比图片空间更小，且可以对各个 group 配置，兼容性也很不错

文章讲解了 Kaliop 团队如何在其网站中使用 SVG 图标，例如如何制作一个 svg，如何组合多个，如何使用到页面里以及如何通过 CSS 修改样式

前段时间研究 SVG 压缩优化，发现 SVG 预定义的 rect、circle、ellipse、line、polyline、polygon 六种基本形状可通过 path 路径转换实现，这样可以在一定程度上减少代码量。不仅如此，我们常用的 SVG Path 动画 (路径动画)，是以操作 path 中两个属性值 stroke-dasharray 和 stroke-dashoffset 来实现，基本形状转换为 path 路径，有利于实现路径动画。

SVG 最具有魔力的元素 - Path 的讲解来了，还没有完全弄清楚的童鞋们可以火速约起，结合代码实践学习是最有效的途径

Icon 进化史

SVG 内增加为