一、引入d3.js可以到官网下载，然后引入到工程中去。或者直接用d3远程的js，只要引入下面一行代码即可使用。注：d3和百度的echarts中的esl.js冲突，d3会失效。二、选择生成图形位置var svg = d3.select("#main")//选择页面中id=main的元素，也可以直接选择...
分类：
Web程序 时间：
2014-07-31 12:53:26
阅读次数：
249
why SVG? 1.矢量的国际图形标准，以后随着浏览器的发展，相信矢量会更多的出现 2.illustartor等多数矢量绘图软件可以导出为这种格式 so SVG现状 基本介绍：http://zh.wikipedia.org/wiki/%E5%8F%AF%E7%B8%AE%E6%94%BE%E5%9...
分类：
其他好文 时间：
2014-07-30 20:08:24
阅读次数：
733
D3.js是一种数据操作类型的javascript库（也可视其为插件）；结合HTML,SVG和CSS，D3可以图形化的，生动的展现数据。d3获取：http://d3js.org/在代码文件中引入D3：添加元素语法：d3.select("body").append("p").text("New par...
分类：
其他好文 时间：
2014-07-30 00:44:22
阅读次数：
364
提起矢量一般都会想到SVG，但这是个坑人的玩意儿，这么多年就没见一个完善的实现者，浏览器实现千差万别，高级属性根本不能玩，Adobe SVG Viewer好多年前就停止更新，Flex支持SVG导入也仅供基本属性玩玩，当然SVG也不是一无是处highcharts还是运用得很不错，Java领域也有维护多年的 Batik 项目可用。但，我还是不喜欢DOM上太重都是元素，不喜欢庞大包罗万象搞得没有一家能完美实现的标准，另外用XML、Flex的MXML或Sliverlgiht/WPF的XAML来描述图形实在是笨重不灵...
分类：
其他好文 时间：
2014-07-29 14:23:38
阅读次数：
368
提起矢量一般都会想到SVG，但这是个坑人的玩意儿，这么多年就没见一个完善的实现者，浏览器实现千差万别，高级属性根本不能玩，Adobe SVG Viewer好多年前就停止更新，Flex支持SVG导入也仅供基本属性玩玩，当然SVG也不是一无是处highcharts还是运用得很不错，Java领域也有维护多...
分类：
其他好文 时间：
2014-07-29 11:33:56
阅读次数：
262
一个chrome的问题，但具体原因不明。触发条件：chrome浏览器base标签里href属性有值的时候触发问题：svg里面的元素如果有用url的滤镜和模糊，则会失效，在firefox里和IE10没有发现这个问题。正常状态：有base标签且href里值为“.”的时候chrome里的状态：测试代码：c...
分类：
Web程序 时间：
2014-07-28 19:11:54
阅读次数：
412
将以Adobe SVG Viewer提供的属性和方法为准，因为不同解析器对JavaScript以及相关的属性和方法支持的程度不同，有些方法和属性是某个解析器所特有的。SVG支持DOM2标准。12.2.1 文档初始化相关 evt属性 evt表示事件本身，可以通过evt获取与当前事件相关的信息，用...
分类：
其他好文 时间：
2014-07-26 17:06:32
阅读次数：
446
这是第一个实例,其中讲了如何新建svg,添加元素,保存svgdocument,查看svg.下面将附上常用一些元素的添加方法:(为js的,但基本上跟java中操作一样,就是类名有点细微差别)Circlevar svgns = "http://www.w3.org/2000/svg"; function...
分类：
Web程序 时间：
2014-07-26 16:48:52
阅读次数：
367
开发人员很多时候需要使用图表来表现一些数据，而一张图表往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。随着Web技术的发展，从传统只能依靠于flash、IE的vml，各个浏览器尚不统一的svg，到如今规范统一的canvas、svg为代表的html5技术，表现点、线、面要素的技术已经越来越规....
分类：
其他好文 时间：
2014-07-25 19:14:22
阅读次数：
346
Raphael是一个用于在网页中绘制矢量图形的Javascript库，它使用SVG W3C推荐标准和VML作为创建图形的基础，可以通过JavaScript操作DOM来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表，还可以绘制任意形状的图形，可以进行图表或图像的裁剪和旋转等复杂操作。
分类：
Web程序 时间：
2014-07-24 16:55:45
阅读次数：
327
