图灵程序设计丛书 SVG精髓 第2版PDF|Epub|txt|kindle电子书版本网盘下载

图灵程序设计丛书 SVG精髓 第2版PDF格式电子书版下载

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

第1章 入门指南1

1.1图形系统1

1.1.1栅格图形1

1.1.2矢量图形2

1.1.3栅格图形的用途2

1.1.4矢量图形的用途2

1.2可缩放3

1.3 SVG的作用5

1.4创建一个SVG图像5

1.4.1文档结构5

1.4.2基本形状6

1.4.3指定样式属性6

1.4.4图形对象分组7

1.4.5变换坐标系统8

1.4.6其他基本图形8

1.4.7路径9

1.4.8文本10

第2章 在网页中使用SVG12

2.1将SVG作为图像12

2.1.1在<img>元素内包含SVG13

2.1.2在CSS中包含SVG14

2.2将SVG作为应用程序15

2.3混合文档中的SVG标记16

2.3.1 SVG中的foreign object16

2.3.2在XHTML或者HTML5中内联SVG18

2.3.3其他XML应用程序中的SVG20

第3章 坐标系统21

3.1视口21

3.2使用默认用户坐标22

3.3为视口指定用户坐标24

3.4保留宽高比25

3.4.1为preserveAspectRatio指定对齐方式26

3.4.2使用meet说明符27

3.4.3使用slice说明符28

3.4.4使用none说明符29

3.5嵌套坐标系统29

第4章 基本形状32

4.1线段32

4.2笔画特性33

4.2.1 stroke-width33

4.2.2笔画颜色34

4.2.3 stroke-opacity35

4.2.4 stroke-dasharray属性36

4.3矩形37

4.4圆和椭圆39

4.5多边形40

4.6折线42

4.7线帽和线连接43

4.8基本形状总结44

4.8.1形状元素45

4.8.2指定颜色45

4.8.3笔画和填充特性46

第5章 文档结构47

5.1结构和表现47

5.2在SVG中使用样式48

5.2.1内联样式48

5.2.2内部样式表48

5.2.3外部样式表49

5.2.4表现属性50

5.3分组和引用对象51

5.3.1 <g>元素51

5.3.2 <use>元素52

5.3.3 <defs>元素53

5.3.4 <symbol>元素55

5.3.5 <image>元素56

第6章 坐标系统变换58

6.1 translate变换58

6.2 scale变换60

6.3变换序列63

6.4技巧：笛卡儿坐标系统转换65

6.5 rotate变换67

6.6技巧：围绕中心点缩放69

6.7 skewX和skewY变换69

6.8变换总结70

6.9 CSS变换和SVG71

第7章 路径72

7.1 moveto、 lineto和closepath72

7.2相对moveto和lineto75

7.3路径的快捷方式75

7.3.1水平和垂直lineto命令75

7.3.2路径快捷方式表示法76

7.4椭圆弧76

7.5从其他弧线格式转换79

7.6贝塞尔曲线79

7.6.1二次贝塞尔曲线80

7.6.2三次贝塞尔曲线82

7.7路径总结84

7.8路径和填充84

7.9 <marker>元素85

7.10标记记录88

第8章 图案和渐变90

8.1图案90

8.1.1 patternUnits91

8.1.2 patternContentUnits92

8.1.3图案嵌套94

8.2渐变95

8.2.1 linearGradient元素95

8.2.2 radialGradient元素99

8.2.3渐变总结102

8.3变换图案和渐变103

第9章 文本105

9.1文本的相关术语105

9.2 <text>元素的基本属性106

9.3文本对齐108

9.4 <tspan>元素109

9.5设置文本长度111

9.6纵向文本112

9.7国际化和文本113

9.7.1 Unicode和双向语言113

9.7.2 <switch>元素114

9.7.3使用自定义字体115

9.8文本路径117

9.9空白和文本119

9.10案例学习：为图形添加文本120

第10章 裁剪和蒙版122

10.1裁剪路径122

10.2蒙版125

10.3案例学习：为图形应用蒙版129

第11章 滤镜131

11.1滤镜的工作原理131

11.2创建投影效果132

11.2.1建立滤镜的边界132

11.2.2投影<feGaussianBlur>133

11.2.3存储、链接以及合并滤镜结果134

11.3创建发光式投影135

11.3.1 <feColorMatrix>元素135

11.3.2 <feColorMatrix>详解136

11.4 <feImage>滤镜138

11.5 <feComponentTransfer>滤镜139

11.6 <feComposite>滤镜143

11.7 <feBlend>滤镜146

11.8 <feFlood>和<feTile>滤镜147

11.9光照效果148

11.9.1漫反射照明149

11.9.2镜面反射照明150

11.10访问背景152

11.11 <feMorphology>元素153

11.12 <feConvolveMatrix>元素154

11.13 <feDisplacementMap>元素156

11.14 <feTurbulence>元素158

11.15 滤镜总结159

第12章 SVG动画161

12.1动画基础162

12.2动画时间详解164

12.3同步动画164

12.4重复动作165

12.5对复杂的属性应用动画166

12.6指定多个值167

12.7多级动画时间168

12.8 <set>元素169

12.9 <animateTransform>元素169

12.10 <animateMotion>元素171

12.11为运动指定关键点和时间173

12.12使用CSS处理SVG动画174

12.12.1动画属性174

12.12.2设置动画关键帧175

12.12.3 CSS中的动画运动176

第13章 添加交互177

13.1在SVG中使用链接177

13.2控制CSS动画179

13.3用户触发的SMIL动画180

13.4使用脚本控制SVG181

13.4.1事件概览183

13.4.2监听和响应事件184

13.4.3修改多个对象的属性185

13.4.4拖拽对象188

13.4.5与HTML页面交互191

13.4.6创建新元素195

第14章 使用SVG DOM198

14.1确定元素的属性值198

14.2 SVG接口方法203

14.3使用ECMAScript/JavaScript创建SVG207

14.4使用脚本控制动画210

14.5使用JavaScript库214

14.6 Snap中的事件处理219

14.6.1点击对象220

14.6.2拖拽对象220

第15章 生成SVG222

15.1将自定义数据转换为SVG223

15.2使用XSLT将XML数据转换为SVG226

15.2.1定义任务226

15.2.2 XSLT的工作方式228

15.2.3编写XSL样式表230

附录A SVG中需要的XML知识238

附录B 样式表介绍249

附录C 编程概念255

附录D 矩阵代数263

附录E 创建字体270

附录F 将圆弧转换为不同的格式273

作者简介277

封面介绍277