SVG开发实践PDF|Epub|txt|kindle电子书版本网盘下载

SVG开发实践PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1篇　SVG开发准备篇第1章 一起开始SVG的旅程2

1.1　SVG概述2

1.1.1　什么是SVG2

1.1.2　SVG发展历程3

1.2　SVG的特点4

1.2.1 自身特点4

1.2.2　与GML、VML技术的比较4

1.2.3　与Flash技术的比较6

1.3 体会SVG7

1.4　SVG开发环境8

1.4.1 SVG浏览器SVG Viewer介绍8

1.4.2　SVG编辑器SVGDeveloper介绍10

1.5　本章小结15

第2章 XML与CSS16

2.1 XML介绍17

2.1.1　XML文档剖析17

2.1.2　XML文档规则18

2.2　CSS介绍20

2.3　CSS基本语法22

2.3.1　CSS定义22

2.3.2　选择符组22

2.3.3　类选择符22

2.3.4　ID选择符23

2.3.5　包含选择符24

2.4　本章小结24

第3章　JavaScript基础25

3.1　JavaScript介绍25

3.2　什么是DOM27

3.3 编写JavaScript程序27

3.3.1　JavaScript的变量27

3.3.2　JavaScript的表达式和运算符29

3.3.3　JavaScript的流程控制语句30

3.3.4　JavaScript的函数32

3.3.5　JavaScript的对象32

3.3.6　JavaScript的数组36

3.3.7　JavaScript中的内置对象37

3.4 调试SVG中的JavaScript脚本39

3.4.1　传统调试39

3.4.2　异常处理41

3.4.3　使用Visual Studio调试43

3.5　SVGDeveloper的使用（1）47

3.6　本章小结48

第2篇　SVG基础规范篇第4章　基本数据类型和常见框架元素50

4.1　基本数据类型50

4.2　〈SVG〉元素52

4.3　〈g〉元素52

4.4 引用与〈defs〉元素53

4.4.1　SVG中的引用53

4.4.2　〈defs〉元素54

4.4.3　〈use〉元素54

4.4.4　〈symbol〉元素55

4.5　〈desc〉元素和〈title〉元素56

4.6　〈image〉元素56

4.7　公共属性57

4.8　本章小结57

第5章　基本图形58

5.1　线段：〈line〉元素58

5.2　常用描边（Stroke）属性集59

5.2.1　“stroke-width”属性59

5.2.2　描边颜色属性60

5.2.3　“stroke-opacity”参数60

5.2.4　“stroke-dasharray”属性60

5.2.5　“stroke-linecap”属性61

5.2.6　“stroke-linejoin”属性62

5.3　矩形：〈rect〉元素62

5.4　圆：〈circle〉元素63

5.5　椭圆：〈ellipse〉元素63

5.6　折线：〈polyine〉元素64

5.7　多边形：〈polygon〉元素65

5.8　SVGDevelopet的使用（2）66

5.8.1　绘制基本图形66

5.8.2　设置图形颜色67

5.8.3　设置图形其他属性68

5.9　本章小结69

第6章　路径70

6.1　三种基本的绘图指令70

6.1.1　移动当前点（MoveTo）和绘制直线（LineTo）70

6.1.2　路径闭合（ClosePath）71

6.2　复杂路径指令72

6.2.1　三次贝塞尔曲线的绘制72

6.2.2　二次贝塞尔曲线的绘制73

6.2.3　椭圆弧曲线绘制74

6.3　SVGDeveloper的使用（3）75

6.4　本章小结75

第7章　坐标系统与坐标转换76

7.1　坐标系统与视口（ViewPort）76

7.2　ViewBox属性78

7.3　Transform属性78

7.3.1 平移变换79

7.3.2　旋转变换79

7.3.3　伸缩变换81

7.3.4　歪斜变换82

7.3.5　矩阵变换83

7.4　本章小结85

第8章 装饰SVG图像86

8.1 色彩渐变86

8.1.1 线性渐变86

8.1.2　放射渐变88

8.1.3　带色彩渐变效果的箭头90

8.2　模式填充92

8.3　SVG中的CSS94

8.3.1　在SVG中使用CSS94

8.3.2　“style”属性常用参数一览95

8.3.3　使用直接属性97

8.3.4　使用“class”属性98

8.4 SVGDeveloper的使用（4）98

8.4.1 图形变换刷（Brush Transform）98

8.4.2　使用CSS样式管理器99

8.5　剪裁和遮罩101

8.5.1　“overflow”和“clip”属性101

8.5.2　〈clipPath〉元素102

8.5.3　遮罩：〈mask〉元素103

8.6　本章小结105

第9章　文字与声音106

9.1　文字：〈text〉元素106

9.2　〈text〉中嵌套〈tspan〉元素107

9.3　文字效果108

9.3.1　文字装饰（text-decoration属性）108

9.3.2　文字彩色描边108

9.3.3　文字阴影109

9.3.4　文字透明109

9.3.5　沿着路径变化的文字110

9.4　汉字编码与中文显示110

9.4.1　汉字编码介绍111

9.4.2　中文显示112

9.5　声音：〈a:audio〉元素115

9.6　本章小结116

第10章　动画117

10.1　SVG支持的SMIL动画元素的通用属性117

10.1.1　与标识相关的常用属性118

10.1.2　与时间控制相关的常用属性118

10.1.3　与过程控制相关的常用属性119

10.1.4　与动画叠加相关的常用属性120

10.2　让SVG动起来——五种动画元素120

10.2.1　〈animate〉元素120

10.2.2　〈set〉元素121

10.2.3　〈animateMotion〉元素121

10.2.4　〈animateColor〉元素122

10.2.5　〈animateTransform〉元素122

10.3　SVGDeveloper的使用（5）124

10.4　本章小结125

第11章　绚烂的滤镜126

11.1 〈filter〉元素126

11.2　基本滤镜变换元素127

11.3　简单滤镜128

11.3.1　模糊与阴影效果——〈feGaussianBlur〉元素128

11.3.2　扩边与缩边效果——〈feMophology〉元素129

11.3.3　无限填充——〈feFlood〉元素130

11.3.4　图像合并——〈feMerge〉元素131

11.3.5 图像平铺——〈feTile〉元素132

11.4　高级滤镜133

11.4.1　光照效果滤镜133

11.4.2　图像混合模式——〈feBlend〉元素135

11.4.3　图像合成模式——〈feComposite〉元素138

11.5　本章小结138

第3篇　SVG应用篇141

第12章 SVG的动态交互脚本141

12.1　在SVG中使用JavaScript脚本141

12.2　SVG DOM常用属性和方法介绍142

12.2.1　文档初始化相关142

12.2.2　DOM对象操作相关143

12.2.3　事件对象evt相关153

12.2.4　字符串及文本相关155

12.2.5　样式相关157

12.2.6　图形变换相关158

12.2.7　XML序列化相关161

12.3　SVG鼠标事件响应的四种写法163

12.4　SVG事件类型总结166

12.5　SVGDeveloper的使用（6）168

12.6　本章小结169

第13章 ASV3相关问题及常见技巧170

13.1　ASV3在不同浏览器中存在的问题170

13.2　SVG的DOM对象和浏览器的DOM对象之间的关系171

13.3　重构ASV3右键菜单172

13.4　SVG中的超级链接176

13.5　ASV3浏览插件的自动安装178

13.6　动态创建〈use〉元素180

13.7　SVG图形拖动181

13.8　SVG中的GUI186

13.9　控制动画播放190

13.10　SVG数字时钟193

13.11　本章小结194

第14章　使用SVG和XSLT实现统计图表195

14.1　什么是XSLT195

14.2　XSLT入门实例197

14.3　XSLT语法简介198

14.3.1　XPath介绍198

14.3.2　XPath函数199

14.3.3　模板规则〈xsl:template〉201

14.3.4　取值〈xsl:value-of〉202

14.3.5　循环〈xsl:for-each〉202

14.3.6　条件判断〈xsl:if〉和〈xsl:choose〉204

14.3.7　排序〈xsl:sort〉207

14.3.8　变量〈xsl:variable〉和〈xsl:param〉209

14.3.9　生成元素〈xsl:element〉210

14.3.10　输出指定格式〈xsl:output〉211

14.4　使用XML+XSLT生成SVG柱状图212

14.4.1　原理分析212

14.4.2　实例分析212

14.4.3　实例执行220

14.5　本章小结226

第15章 SVG与数据库227

15.1　什么是Ajax227

15.2　模拟实时数据显示230

15.2.1　原理分析230

15.2.2　实例分析231

15.3　非实时数据显示235

15.4　不使用getURL函数的Ajax框架238

15.5　本章小结240

第16章　基于SVG的WebGIS平台241

16.1　WebGIS介绍241

16.2　系统架构242

16.3 生成SVG格式地图243

16.4　基本功能实现246

16.4.1　地图初始化246

16.4.2　中心缩放251

16.4.3　地图漫游253

16.4.4　拉框放大255

16.4.5　图层控制258

16.4.6　测距尺260

16.4.7 鼠标提示框263

16.4.8　数据标注265

16.4.9　鹰眼漫游270

16.4.10　地图复位273

16.4.11　使用键盘进行地图漫游273

16.5　动画效果275

16.6　覆盖在地图上的提示277

16.7　本章小结278

第17章　性能优化279

17.1 SVG优化279

17.2　JavaScript脚本的优化281

17.3　本章小结285

附录A 中英文颜色对照表286

附录B　ASV最新版本对SVG的支持情况一览291

附录C　JavaScript常用函数317

附录D SVG常用网址及工具集合323