这个效果我们需要考虑以下几个问题：
1. 这是图片还是文字；
2. 如果是图片该如何拿到图形的边沿线坐标，如果是文字呢？
3. 如果拿到了边沿线坐标，如何让光线沿着路径跑动；
4. 怎么处理过程的衔接；
以上四个问题似乎不是太好处理，而这几个问题也正好是这个效果精华所在，接下来咱们一个一个进行考虑，...
分类：
移动开发 时间：
2015-03-31 10:49:49
阅读次数：
203
.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px...
分类：
其他好文 时间：
2015-03-31 06:33:37
阅读次数：
137
SVG画简易小猫咪：
第一幅图是别人的，图2是自己画的
-----------------------------分割线----------------------------
代码部分：
好玩的SVG---可爱的小猫咪
Cat
Stick Figure of a Cat...
分类：
其他好文 时间：
2015-03-22 09:17:05
阅读次数：
148
我们常常使用常规图表（直方图，折线图等）来表现数据。为了清楚的表示数据在数轴上的哪个数值区间，会直接在矩形和点上标注数值。除了这个办法外，还可以使用色调偏淡的网格作为背景参照。本文介绍了如何使用D3绘制网格线的小技巧： 绘制效果： 思路很简单：1 绘制SVG容器。2 给SVG分组，并设置分组的样式类。3 为分组分别添加横线和竖线。 关键技术介绍(1) 生成一个10元素的数组：(2) 定义x和y比例...
分类：
Web程序 时间：
2015-03-20 22:01:17
阅读次数：
250
这是一组效果非常炫酷的SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果，这些浮动标签效果部分在元素的伪元素上使用CSS transitions和CSS animations完成，一部分则使用SVG来制作变形动画。
在前面已经发表了一篇关于SVG浮动标签的文章：14种CSS3炫酷表单input输入框美化效果。这篇文章中的浮动标签效果是它的一些补充，在原来14种效果的基础上有增加了12...
分类：
Web程序 时间：
2015-03-20 14:32:52
阅读次数：
200
这个图标集是306个优化的像素完美，精雕细琢的图标。为这些设备进行了优化：iOS、Windows Phone、Windows 8 and BlackBerry 10，提供 PNG, SVG, XALM, PSD, CSH, SKETCH, PDF, AI 和 EPS 格式。
分类：
其他好文 时间：
2015-03-20 12:23:23
阅读次数：
171
svg可缩放矢量图形（Scalable Vector Graphics）。SVG 使用 XML 格式定义图像。SVG 是使用 XML 来描述二维图形和绘图程序的语言。什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用来定义用于网络的基于矢量的图形S...
分类：
其他好文 时间：
2015-03-19 16:17:27
阅读次数：
122
在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方...
分类：
移动开发 时间：
2015-03-19 01:09:15
阅读次数：
209
在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是有不少应用，近些年随着HTML5的流行，加上移动终端对HTML5支持的普及，越来越多新项目开始采用真正纯HTML5的方案，更具体的说大数据量应用性能高于SVG的Canvas方案，已经逐渐成为当今Web SCADA前端技术的首选标配方案。
最近客户采用HT...
分类：
移动开发 时间：
2015-03-19 00:51:50
阅读次数：
277
在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是有不少应用，近些年随着HTML5的流行，加上...
分类：
移动开发 时间：
2015-03-19 00:42:54
阅读次数：
205
