chokcoco/svg

SVG奇思妙想

SVG 奇思妙想

使用 SVG 标签或是CSS属性 clip-path 创建的图形

Demo link	Description
SVG奇思妙想	使用 SVG or clip-path 创建的图形
CSS奇思妙想	CSS3奇思妙想，单标签实现各类图形

由于部分图形使用了 clip-path ，兼容性问题，请使用 Chrome 浏览器浏览。

使用svg 绘制各类统计图形

使用 svg 标签绘制各类百分比图、饼图、loading 图。

loading 图

饼图

百分比图

　

License

MIT

svg's Issues

如何得到svg绘制图形或线条路径的准确长度？

您好博主。看了您“【Web动画】SVG 线条动画入门”文章有几个疑问，stroke-dasharray和stroke-dashoffset设置的值都是自己随便写完，然后自己在浏览器上调的吗？我该如何知道图形或线条路径的准确长度呢？