矩形 1、x：定义矩形左上角的点的x坐标2、y：定义矩形左上角的点的y坐标3、rx：定义矩形四个角的x方向圆角半径4、ry：定义矩形四个角的y方向圆角半径5、width：定义矩形的宽度6、height：定义矩形的高度圆形 1、cx：圆心x坐标2、cy：圆心y坐标3、r：圆的半径椭...
分类：
其他好文 时间：
2015-06-23 19:32:35
阅读次数：
100
一 SVG概述SVG是Scalable Vector Graphics的缩写,即缩放式矢量图形;优点:1.使用编辑器即可编辑图形;2.基于XML,SVG图形可以被很容易的搜索,脚本化和压缩;3.缩放不影响图形质量;4.支持随意打印成需要的尺寸;5.SVG开源标准;劣势:1.比正常格式图片体积大;2....
分类：
Web程序 时间：
2015-06-18 17:10:09
阅读次数：
388
颜色插值指的是给出两个 RGB 颜色值，两个颜色之间的值通过插值函数计算得到。线性渐变是添加到 SVG 图形上的过滤器，只需给出两端的颜色值即可。1. 颜色插值在【高级 - 第 5.0 章】里已经提到了颜色插值，在这里做一个例子。先定义颜色插值函数如下，var a = d3.rgb(255,0,0); //红色
var b = d3.rgb(0,255,0); //绿色
var compute...
分类：
Web程序 时间：
2015-05-09 08:52:57
阅读次数：
890
今天给大家分享一款效果非常炫酷的HTML5 SVG和CSS3蹦床式图片切换特效插件。该图片切换插件在进行图片切换时，整个屏幕就像一张大蹦床一样，将图片弹射出去，切换到另一张图片，效果非常有创意。效果图如下：在线预览源码下载HTML结构该图片切换特效的HTML结构中，第一个元素是SVG图形，当切换图片...
分类：
Web程序 时间：
2015-03-18 10:23:08
阅读次数：
174
svg.js是一个轻量级的操纵和制作SVG动画的js插件库。svg.js可以生成SVG图形、图像、文字和路径等等。svg.js还可以用于制作svg动画和互动拖拽等效果。
svg.js不依赖与jQuery等外部插件库，它遵循麻省理工学院的许可（ MIT License）下许可证的条款。
在线演示：http://www.htmleaf.com/Demo/201501301302.html
...
分类：
Web程序 时间：
2015-01-31 16:26:14
阅读次数：
179
一：SVG 文件可通过以下标签嵌入 HTML 文档：、 或者 。
推荐使用标签，
标签被所有主流的浏览器支持，并允许使用脚本。
二：来看一个例子
SVG嵌入html
我们继续使用第一讲初识SVG矢量图中，创建的circle.svg.使用embed标签嵌套到html中。
打开html文件，仍然可以看到svg矢量图：...
分类：
Web程序 时间：
2015-01-30 22:55:50
阅读次数：
356
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
基于Batik实现SVG图形保存为PNG图像格式....
分类：
其他好文 时间：
2014-10-05 08:05:58
阅读次数：
201
Trianglify 是一个能够生成五颜六色的三角形图案的 JavaScript 库，可以用来作为 SVG 图像和 CSS 背景。它的灵感来自于 btmills 的 geopattern，并使用d3.js 建立多边形的 SVG 图形和使用 SVG 过滤器进行渲染。它还包括 colorbrewer 调...
分类：
其他好文 时间：
2014-09-09 12:21:58
阅读次数：
196
