基于XML的SVG应用指南PDF|Epub|txt|kindle电子书版本网盘下载

基于XML的SVG应用指南PDF格式电子书版下载

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

第1章 SVG简介1

1.1 什么是SVG1

1.2 SVG的特点1

1.2.1 基于XML标准1

1.2.2 矢量图形1

1.2.3 由文本构成的图像2

1.2.4 灵活的文件格式2

1.2.5 支持交互性3

1.2.6 内嵌字型数据3

1.3 SVG的历史3

1.4 SVG展望4

1.5 SVG、门实例4

第2章 SVG的格式基础——XML7

2.1 XML简介7

2.2 XML文档的结构分析8

2.2.1 一个XML文档的例子8

2.2.2 XML的内容描述8

2.2.3 XML的格式规定10

2.3 XML的语法结构与规则12

2.4 XML常用语句13

2.5 结束语14

第3章 SVG基本要素15

3.1 简介15

3.2 基本概念15

3.2.1 可升级15

3.2.2 矢量图形16

3.2.3 图像16

3.2.4 样式16

3.2.5 图像对象与符号17

3.2.6 滤镜17

3.2.7 字体问题17

3.2.8 动画17

3.3 渲染模型18

3.3.1 绘图模式、渲染顺序和组18

3.3.2 图像元素的类型18

3.3.3 滤镜、剪裁、遮罩和透明度18

3.4 SVG坐标系简介19

3.5 初始化视口和坐标系20

3.5.1 初始化视口20

3.5.2 初始化坐标系21

3.6 SVG的基本数据类型22

3.6.1 角度值和颜色值22

3.6.2 坐标值和长度值23

3.6.3 整型值、实型值和百分值23

3.6.4 列表值和绘图值23

3.6.5 时间值和URI23

3.6.6 频率值23

3.7 DOM接口24

3.8 结束语24

第4章 SVG的框架元素25

4.1 简介25

4.2 <svg>元素25

4.3 <g>元素25

4.4 <desc>元素与<title>元素27

4.5 <defs>元素与引用规则27

4.5.1 引用27

4.5.2 <defs>元素28

4.5.3 <use>元素29

4.5.4 <symbol>元素30

4.6 引用外部点阵图像31

4.7 公共属性32

4.8 条件处理与<switch>元素33

4.9 结束语34

第5章 SVG的基本形状元素35

5.1 简介35

5.2 <rect>元素35

5.2.1 <rect>元素的一些重要属性35

5.2.2 矩形绘制实例36

5.3 <circle>元素37

5.3.1 <circle>元素的一些重要属性37

5.3.2 圆绘制实例37

5.4 <ellipse>元素38

5.4.1 <ellipse>元素的一些重要属性38

5.4.2 椭圆绘制实例38

5.5 <line>元素39

5.5.1 <line>元素的一些重要属性39

5.5.2 线段绘制实例39

5.6 <polyline>元素40

5.6.1 <polyline>元素的一些重要属性40

5.6.2 折线绘制实例40

5.7 <polygon>元素41

5.7.1 <polygon>元素的一些重要属性41

5.7.2 多边形绘制实例42

5.8 结束语43

第6章 路径44

6.1 简介44

6.2 <path>元素的属性44

6.3 路径数据的表示方法44

6.3.1 简述44

6.3.2 移动当前点的命令46

6.3.3 绘制直线的命令46

6.3.4 路径闭合命令46

6.3.5 绘制曲线的命令46

6.3.6 椭圆弧曲线命令50

6.4 路径的长度52

6.5 结束语52

第7章 坐标变换53

7.1 简介53

7.2 <svg>元素的“viewBox”属性53

7.3 “transform”属性54

7.3.1 平移变换(translate)54

7.3.2 旋转变换(rotate)56

7.3.3 伸缩变换(scale)57

7.3.4 歪斜变换(skew)59

7.3.5 矩阵变换(matrix)61

7.4 “preserveAspectRatio”属性61

7.5 建立新视口63

7.6 长度单位64

7.7 结束语64

第8章 文字65

8.1 简介65

8.2 <text>元素65

8.3 <tspan>元素66

8.3.1 <tspan>元素的属性66

8.3.2 <tspan>元素应用实例66

8.4 <tref>元素68

8.5 字型替换70

8.5.1 <glyphRun>元素70

8.5.2 <altGlyph>元素71

8.5.3 <altGlyphDef>元素72

8.5.4 <glyphRef>元素72

8.6 文字编排72

8.7 按路径排列文字73

8.8 选择字体77

8.9 文字对齐与定位78

8.9.1 文字对齐78

8.9.2 基线定位78

8.10 文字修饰78

8.11 文字的选择与剪贴板操作80

8.12 编码与汉字的使用80

8.13 结束语81

第9章 字体82

9.1 简介82

9.2 <font>元素82

9.3 <glyph>与<missing-glyph>元素84

9.4 <hkern>与<vkern>元素85

9.5 字体的描述86

9.6 结束语87

第10章 绘图88

10.1 简介88

10.2 绘图操作的通用属性88

10.3 “fill”的各种附加参数89

10.3.1 “fill-rule”参数89

10.3.2 “fill-opacity”参数93

10.4 “stroke”的各种附加参数94

10.4.1 “stroke-width”参数94

10.4.2 “stroke-linecap”参数95

10.4.3 “stroke-1inejoin”参数96

10.4.4 “stroke-dasharray”参数97

10.4.5 “stroke-dashoffset”参数98

10.4.6 “stroke-opacity”参数100

10.5 箭头标记的使用100

10.5.1 “marker”定义时的各种属性100

10.5.2 其他与“market”有关的参数101

10.6 与渲染有关的属性102

10.6.1 “color-interpolation”属性102

10.6.2 “color-rendering”属性103

10.6.3 “shape-rendering”属性103

10.6.4 “text-rendering”属性103

10.6.5 “image-rendering”属性103

10.7 绘图属性的继承103

10.8 结束语104

第11章 超级链接105

11.1 简介105

11.2 <a>元素105

11.3 超级链接的定义形式107

11.4 结束语108

第12章 样式109

12.1 简介109

12.2 “style”属性的参数109

12.3 使用直接属性111

12.4 使用CSS112

12.4.1 引用外部CSS文件112

12.4.2 内嵌CSS语句114

12.5 使用“class”属性115

12.6 结束语116

第13章 色彩渐变与模式填充117

13.1 简介117

13.2 色彩渐变117

13.2.1 线性渐变117

13.2.2 放射状渐变118

13.2.3 <stop>元素119

13.2.4 线性渐变实例120

13.2.5 放射状渐变实例122

13.3 模式填充124

13.3.1 模式填充的属性124

13.3.2 模式填充实例125

13.4 结束语126

第14章 剪裁、遮罩与图像合成127

14.1 简介127

14.2 剪裁127

14.2.1 “overflow”和“clip”属性127

14.2.2 <clipPath>元素128

14.3 遮罩130

14.4 透明度132

14.5 图像合成135

14.6 结束语136

第15章 滤镜(一)137

15.1 简介137

15.2 <filter>元素139

15.3 基本滤镜变换概述140

15.4 光源与光照模式141

15.4.1 光源的种类141

15.4.2 光照模式142

15.4.3 光照效果实例143

15.5 高斯模糊与偏移145

15.5.1 <feGaussianBlur>元素145

15.5.2 <offset>元素146

15.6 扩边与缩边147

15.6.1 <feMophology>元素147

15.6.2 扩边及缩边效果示例147

15.7 无限填充149

15.8 合并图像150

15.9 插入外部图像151

15.10 图像平铺151

15.11 结束语153

第16章 滤镜(二)154

16.1 图像的混合模式154

16.1.1 <feBlend>元素154

16.1.2 <feBlend>元素应用实例155

16.2 色彩矩阵变换157

16.2.1 <feColorMatrix>元素157

16.2.2 色彩矩阵变换实例159

16.3 色彩函数变换161

16.3.1 <feComponentTransfer>元素161

16.3.2 色彩函数变换实例162

16.4 矩阵卷积变换165

16.5 图像的合成模式168

16.6 偏移映射169

16.6.1 <feDisplacementMap>元素169

16.6.2 偏移映射实例169

16.7 噪波与紊流变换171

16.7.1 <feTurbulence>元素171

16.7.2 噪波和紊流变换实例172

16.8 结束语174

第17章 脚本与交互176

17.1 简介176

17.2 内嵌脚本语言——<script>元素176

17.3 事件178

17.4 控制鼠标光标的形状180

17.4.1 “cursor”参数180

17.4.2 <cursor>元素181

17.5 与外部脚本交互181

17.6 脚本应用实例——动态导航条182

17.7 结束语186

第18章 动画187

18.1 简介187

18.2 动画元素的类型187

18.3 动画元素的通用属性189

18.3.1 标识所作用元素189

18.3.2 标识所作用属性或样式参数189

18.3.3 控制动画播放时间189

18.3.4 控制动画过程191

18.3.5 控制动画的叠加193

18.4 5个动画元素193

18.4.1 <animate>元素193

18.4.2 <set>元素193

18.4.3 <animateMotion>元素194

18.4.4 <animateColor>元素196

18.4.5 <animateTransform>元素197

18.5 结束语199

第19章 声音和其他扩展200

19.1 简介200

19.2 声音与<a∶audio>元素200

19.3 嵌入外部数据201

19.4 在网页中插入SVG图像202

19.5 SVG的其他特点204

19.6 结束语204

第20章 制作简单的SVG图像205

20.1 简介205

20.2 Mayura Draw 3.62简述205

20.3 菜单栏和工具栏206

20.3.1 菜单栏206

20.3.2 标准工具栏207

20.3.3 高级工具栏207

20.3.4 绘图工具栏207

20.3.5 色彩工具栏208

20.4 绘制简单的图形208

20.4.1 绘制普通几何形体208

20.4.2 描边与填充209

20.5 文字与外部图像211

20.5.1 文字的处理211

20.5.2 插入外部图像211

20.6 变形处理212

20.7 Mayura Draw简单实例212

20.8 结束语215

第21章 使用Illustrator 9.0216

21.1 简介216

21.2 Illustrator9.0基础216

21.2.1 工作界面216

21.2.2 面板参数设置217

21.3 基本的绘图操作219

21.4 输出SVG文件220

21.4.1 将作品输出成SVG文件220

21.4.2 SVG输出选项设置221

21.5 滤镜223

21.6 交互性设置225

21.7 结束语226

第22章 SVG综合实例228

22.1 简介228

22.2 SVG网页228

22.3 动态滤镜236

22.4 时钟238

22.5 文本输入框241

22.6 结束语243

附录一 颜色值表244

附录二 样式参数表250

附录三 检验SVG插件的JavaScript源程序262

附录四 SVG工具一览268