line 先看个例子，这是svg中最简单的线 效果如下 x1，y1 定义 线条的起点 x2，y2 定义 线的终点 ellipse 先看看椭圆的例子 和圆一样，椭圆的圆心被定为在cx，cy 圆角在x方向和y方向有两个值，rx，ry 如何rx和ry相等的就会变成一个圆 椭圆的常见属...
分类：
其他好文 时间：
2015-01-01 12:23:04
阅读次数：
127
今天是2014年的最后一天，这个时刻总会让人想起时钟，再过几个小时地球人都要再老了一岁，于是搞个HTML5版的时钟就是我们今天要完成的任务，实现HTML5的时钟绘制一般会采用三种方式，第一种采用CSS的实现方式，例如 http://www.css-tricks.com/examples/CSS3Clock/ ；第二种采用SVG的实现方式，例如 http://www.css-tricks.com/examples/CSS3Clock/；第三种采用Cavnas的2D绘制方式，如HT for Web中《矢量手册》...
分类：
Web程序 时间：
2015-01-01 00:18:54
阅读次数：
193
d3是一个极其强大的数据图表库，尤其擅长操作svg，虽然被设计用来展示数据，但是其丰富的svg操作方法还有物理引擎可以被我们用来制作页面的展示。...
分类：
其他好文 时间：
2014-12-31 16:21:43
阅读次数：
349
Raphael http://raphaeljs.com/document.createElementNS()HSL颜色RequestAnimationFrame画背景网格dx, dy支持数组，会覆盖之前在设值，会传递到兄弟元素，子元素Math在应用： sin, round等Array新增的方法：m...
分类：
其他好文 时间：
2014-12-31 13:00:12
阅读次数：
213
众所周知，flash动画类型可以分为补间动画和逐帧动画，补间动画又可以分为属性改变（大小、位置、颜色等）和形状改变（直线变弧线等）。网页动画里，我们可以使用css3、javascript（jquery）等实现属性改变，却对形状改变无能为力，那么如何实现网页动画里的形状改变呢？今天提供一种解决方案——通过snap.svg动态改变svg形状实现，案例效果如下图所示，案例灵感来自codrops。...
分类：
其他好文 时间：
2014-12-31 01:05:11
阅读次数：
262
在SVG中，我们无法给Text元素设置Width和Height属性，因此无法直接获取Text元素的高和宽。如果想要给Text元素添加背景色，最简单的办法就是在Text元素的下面添加Rect，然后给Rect设置fill属性。如下面的代码：2014-09-11 显示效果 但是如果Text元素的字...
分类：
其他好文 时间：
2014-12-30 14:48:37
阅读次数：
179
前端开发技术，从狭义的定义来看，是指围绕HTML、JavaScript、CSS这样一套体系的开发技术，它的运行宿主是浏览器。从广义的定义来看，包括了：专门为手持终端设计的类似WML这样的类HTML语言，类似WMLScript这样的类JavaScript语言。VML和SVG等基于XML的描述图形的语言...
分类：
其他好文 时间：
2014-12-28 15:19:42
阅读次数：
156
svg中的 元素，是用来绘制圆形的，例如 效果如下 属性说明 cx，cy 设定圆心，r设定半径 圆形的边框 可以通过设置样式设置圆形的边框 例如 属性说明 stroke 边框的颜色 stroke-width 边框的宽度 fill 填充的颜色 效果如下...
分类：
其他好文 时间：
2014-12-27 20:09:12
阅读次数：
207
??
这个手册描述了使用Qt Quick面访的方式在Android和ios设备上开发QtQuick应用程序的方法。我们使用Qt
Creator实现一个QtQuick应用程序，这个应用程序基于加速器的值来加速一个SVG（可伸缩矢量图形）。
设置开发环境：
要想能够在移动设备上构建和运行一个应用程序，您必须为设备平台设置开发环境，配置Qt Creator和手机...
分类：
移动开发 时间：
2014-12-26 18:44:06
阅读次数：
279
【精心挑选】帮助你实现元素动画的6款插件 现在的网页设计风格正在朝着扁平化发展，力求布局简洁，突出主题内容。而另一方面，网页交互则变得越来越多样性，让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画，随着Web技术的发展，动画的实现方式有多种：JavaScript、CSS3、SVG 以及 ....
分类：
其他好文 时间：
2014-12-25 14:30:34
阅读次数：
165
