线条之美，玩转SVG线条动画 作者：AlloyTeam www.alloyteam.com/2017/02/the-beauty-of-the-lines-break-lines-svg-animation/ 如有好文章投稿，请点击 → 这里了解详情 通常来说web前端实现动画效果主要通过下面几种方 ...
分类：
其他好文 时间：
2017-03-15 22:26:01
阅读次数：
354
CSS3 动画 javascript 动画（canvas） html 动画（SVG） 个人认为 3 种动画各有优劣，实际应用中根据掌握情况作出取舍，本文讨论的是我认为 SVG 中在实际项目中非常有应用价值 SVG 线条动画。 举个栗子 SVG 线条动画，在一些特定的场合下可以解决使用 CSS 无法完 ...
分类：
Web程序 时间：
2017-01-04 07:22:12
阅读次数：
299
网上看到一个css3动画，地址最开始思路是，里面一个DIV方块，右上角一个同样大小的div1,向上,向右平移8px，设div1的border-top,border-right值形成，如图所示再用clip截取一半，形成半折角。同理左下角建一个div,向左、向下平移8px,设border-left,b....
分类：
Web程序 时间：
2015-11-26 23:25:13
阅读次数：
555
相信大家都见到过这样神奇的技术：一副线条构成的画能自动画出自己。非常的酷。Jake Archibald是这种SVG技术的首创者，并且写了一篇非常好的文章来描述它是如何实现的。Brian Suda也在24 Ways网站上讨论过它。 Polygon使用它在一篇设计方面的文章里创造出了非常神奇的效果。Co...
分类：
其他好文 时间：
2015-11-25 18:52:37
阅读次数：
204
walkway是一款非常简单的HTML5
SVG动态绘制轮廓线条动画插件。它支持SVG的path，line 和 polyline元素。walkway使用起来简单方便，可以制作出非常酷的SVG线条动态绘制效果。更好的动态绘制线条插件可以参考：html5
svg线条动态绘制文字轮廓边框动画、HTML5 SVG图形轮廓线条绘制动画插件-vivus 和
html5 svg线条动态绘制iphon...
分类：
Web程序 时间：
2015-01-27 15:05:00
阅读次数：
402
Vivus是一款可以执行SVG路径动画的轻量级Javascript库。Vivus可以绘制SVG图形的外观。通过该svg路径动画插件，你可以使用同步或异步的方式来执行SVG图像路径的动画。Vivus提供各种不同的动画参数来让你定制你自己的SVG路径动画。类似的动画效果还有：html5
svg线条动态绘制文字轮廓边框动画 和
html5 svg线条动态绘制iphone边框动画效果。
...
分类：
Web程序 时间：
2015-01-27 13:20:00
阅读次数：
222
1.用PS钢笔勾勒出图像轮廓；2.导出路径到AI；3.打开AI，全选，勾勒出轮廓； 用剪刀工具剪掉锚点； 全选，右键，释放复合对象；4.导出EMF；5.打开PPT，插入图片，右键，取消组合；6.删去多余线条，用擦除动画；7.幻灯片切换用推进。
分类：
其他好文 时间：
2014-10-03 17:52:14
阅读次数：
192
