GTK界面只要有图片的地方，其底层实际上是通过绘图实现的，所以，我们很有必要学习一下绘图，这里我们使用 Cairo 进行相应的绘图操作。
Cairo是用于绘制二维矢量图形的跨平台图形库，采用 C 语言实现，又被许多其它计算机语言所绑定。我们可以使用Cairo库在窗口中绘图，也可以用于生成PNG图片、PDF、PostScript、SVG文件。Cairo同时也是自由软件库，自GTK+2.8版...
分类：
其他好文 时间：
2015-01-27 18:28:25
阅读次数：
382
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
Codrops 分享了一些给SVG元素加上弹性动画的灵感。实现的思路是把一个SVG元素整合成一个组件，然后从一个路径弹性动画到另一个。这种效果可以应用到像菜单，按钮或其它元素，使得交互更有趣，看起更原生与自然的感觉。
分类：
其他好文 时间：
2015-01-27 10:41:25
阅读次数：
210
在去年，我给大家分享了《基于 CSS3 的精美模态窗口效果》，而今天我要与大家分享一些新鲜的想法。风格和趋势变化，要求更加适合现代UI的不同的效果。这组新模态窗口效果包含了一些微妙的动画，还有一些应用了SVG变形技术。
分类：
Web程序 时间：
2015-01-26 10:01:25
阅读次数：
199
效果： 1 2 3 4 5 11 SVG折线图12 13 14 17 18 19 20 21 27 160 L 170" stroke="#C0D0E0" stroke-width="1" opacity="1"/>28 29 30 ...
分类：
其他好文 时间：
2015-01-25 22:26:12
阅读次数：
1037
一、前言 IE特有的滤镜常常作为CSS3各种新特性的降级处理补充，而Adobe转向HTML5后与Chrome合作推出CSS3的Filter特性，因此当前仅 Webkit内核的浏览器支持CSS3 Filter，而FF和IE10+则需要使用SVG...
分类：
Web程序 时间：
2015-01-21 18:08:49
阅读次数：
311
css3 svg图标制作环形loading加载动画特效绿色的css3动画加载图标代码css3加载动画制作loading加载Android动画效果jQuery css3预加载动画制作css3动画图标页面加载效果css3加载动画特效制作css3 win8加载动画特效css3加载动画效果制作loading...
分类：
Web程序 时间：
2015-01-19 20:47:34
阅读次数：
411
坐标轴-横向d3.svg.axisvar height=500,width=500,margin=25,offset=50,axisWidth=width-2*margin,svg;function createSVG(){ svg=d3.select("body").append("svg") ....
分类：
Web程序 时间：
2015-01-19 12:37:14
阅读次数：
226
原文： http://tutorials.jenkov.com/svg/polygon-element.html Polyline 虽然说这个 元素我没用过，但是还是蛮强大的，也翻译下 示例 效果如下 折线是通过定义很多点来定义的，在points 属性中每个点 都是x,y 这样的形式，这个例子有3个...
分类：
其他好文 时间：
2015-01-17 11:08:31
阅读次数：
198
