【1】线段：元素基本属性：两点确定一条线段，所以线段的基本属性就是它的起止点的坐标。 【2】常用描边（stroke）属性集1、描边属性可以添加到"style"属性中作为参数：也可以独立地作为图形元素的属性：二者显示出来的效果是一样的，唯一的不同就在于使用JavaScript进行编程时，取值和设值.....
分类：
其他好文 时间：
2015-07-29 13:55:58
阅读次数：
105
本系列文章是对于走进svg课程的总结
SVG简介使用XML描述的矢量文件
W3C标准（1.1）：http://www.w3.org/TR/SVG11/
浏览器支持情况：http://caniuse.com/#cats=SVGSVG实例
<!--Fac...
分类：
其他好文 时间：
2015-07-28 18:52:16
阅读次数：
111
虽然它可能是真实的，每一个画面讲述了一个故事，这是完全正确的，用言语来帮助讲故事。因此，SVG有几个元素，让你将文本添加到您的图形。文本术语Text Terminology在我们调查的主要方法添加文本，的元素之前，我们应该定义一些术语，你会看到，如果你读了SVG规范，或者如果你的工作与文字在任何图形...
分类：
Web程序 时间：
2015-07-27 12:53:51
阅读次数：
127
svg标签和Canvas标签的不同 SVG通过XML的方式画2D图像 Canvas在运行过程中画2D图像 Canvas通过像素渲染，在Canvas中，图形描绘完成后，便被浏览器遗忘，此时若要改变图形位置，整个页面需要重绘，包括任何被图形包含的对象 Canvas 解析度依赖（resoluti...
分类：
其他好文 时间：
2015-07-26 19:07:50
阅读次数：
170
在工业信息化系统里，常常需要动态呈现系统的数据在一张示意图里，用于展现系统状态，分析结果等。这样用JavaScript操作svg 元素就有现实意义。本人近期做了一些实践，现分享一下。需求：你下面这样一张示意图。A1至A8，分别用显示各个检测或控制点状态，不同状态显示不同颜色。后端技术不是本文讨论重点...
分类：
Web程序 时间：
2015-07-23 23:14:59
阅读次数：
146
利用D3.js库实现Focus+Context的折线图，读取data.tsv文件数据
index.html
svg {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.line {
fill: no...
分类：
Web程序 时间：
2015-07-22 18:49:52
阅读次数：
204
使用了最新的bootstrap框架，结果在IIS6上无法显示图标。 因为框架使用了字体文件来显示矢量的图标，为了能在IIS上正常显示图标，可以通过增加iis的MIME-TYPE来支持图标字体文件： 增加以下两种文件类型即可： .w...
分类：
其他好文 时间：
2015-07-21 13:03:57
阅读次数：
142
昨晚看了用svg如何制作富有动态的tooltip，于是今天就心血来潮学着做一下，于是也成功做出来，也明白其中的原理，收获颇多阿！接下来要多去学习svg，这是个好东西。这其中也注意了一些平时纠结的细节应该怎么去做，比如： ...
分类：
其他好文 时间：
2015-07-17 00:04:06
阅读次数：
153
