编辑推荐
作为W3C的开放标准,SVG被越来越多的开发者所关注。SVG不只是简单的矢量图,还可以加上更复杂的绘画和更细致的效果,包括渲染、渐变、应用到文本,甚至可以添加照片。
本书深入介绍SVG绘画。主要内容如下。
-SVG渲染模型如何实现描边和填充
-标准颜色的应用,自定义颜色,创建颜色模板
-透明度的设置
-如何控制线性渐变在要渲染的形状内移动
-重复线性渐变
-磁贴、纹理和图片图案
-如何在文本上应用渲染服务
-给渲染服务添加动画
内容简介
《深入理解SVG》介绍SVG绘画,包括基础知识和如何通过混合和搭配工具来生成复杂的效果。主要内容包括:把SVG代码转换为可视图形的渲染模型,如何使用颜色,透明度的控制方法以及它对图片的影响,渲染服务和渐变。
《深入理解SVG》适合所有想利用SVG提高Web体验的读者。
作者简介
Amelia Bellamy-Royds,W3C SVG工作组特邀专家,积极参与SVG辅助工作组的工作,并通过Web Platform Docs等在线社区来帮助促进Web标准和设计的发展。
Kurt Cagle,SVG工作组成员,目前是W3C Xforms工作组特邀专家,美国国会图书馆XML数据架构师。
刘涛,网络常用名“武官尚书”,前端开发工程师,目前就职于奇虎360搜索团队,曾在多个平台翻译、原创前端相关文章。热爱前端,热爱翻译,关注前端技术的发展变迁,热衷于新技术的学习研究。
目录
第1 章 你应该知道的事 1
1.1 SVG 通过代码来画图 1
1.2 SVG 始终是开源的 2
1.3 SVG 是XML(有时也是HTML) 2
1.4 SVG 是可压缩的 2
1.5 图片是形状的集合 3
1.6 图片中可以包含图片 3
1.7 文本也是艺术 3
1.8 艺术源于数学 3
1.9 SVG 是无数canvas 的有限集 3
1.10 SVG 是有结构的 4
1.11 SVG 是有样式的 4
1.12 所有好用的标记都基于伟大的DOM 4
1.13 SVG 是可移动的 5
1.14 SVG 在发展变化 5
第2 章 画家模型 6
2.1 使用fill 属性进行填充 7
2.2 使用stroke 属性描边 10
2.3 层叠描边和填充 15
2.4 使用渲染提示属性 22
第3 章 创建颜色 26
3.1 使用名称生成朦胧玫瑰红 26
3.2 彩虹三原色 31
3.3 自定义颜色 34
3.4 混合和搭配 41
第4 章 透明 44
4.1 穿透样式 44
4.2 其他效果 49
第5 章 渲染服务 52
5.1 渲染和壁纸 52
5.2 标识资源 53
5.3 纯色渐变 56
第6 章 简单的渐变 61
6.1 逐步渐变 61
6.2 透明渐变 64
6.3 控制颜色变换 65
第7 章 各种形状和尺寸的渐变 70
7.1 渐变矢量 70
7.2 对象边界盒 74
7.3 在盒子表面绘制 78
7.4 渐变,变换 83
第8 章 重复 92
8.1 如何扩展渐变 92
8.2 无穷渐变映射 94
8.3 非映射重复 95
8.4 在HTML 中使用(复用)渐变 98
第9 章 径向渐变 111
9.1 径向渐变基础 111
9.2 填充盒子 113
9.3 缩放圆 117
9.4 调整焦点 120
9.5 变换径向渐变 123
9.6 大型渐变 124
第10 章 磁贴与纹理 136
10.1 搭积木 137
10.2 适当拉伸 143
10.3 布局磁贴 146
10.4 变换磁贴 151
第11 章 完美的图片图案 158
11.1 层次感 158
11.2 保持原始图案 162
11.3 SVG 样式的背景图片 165
第12 章 有纹理的文本 173
12.1 边界文本 174
12.2 中途切换样式 179
第13 章 绘制线条 184
13.1 超出边缘的部分 184
13.2 空盒子 186
13.3 使用坐标空间 192
13.4 有图案的线条 196
第14 章 动画 198
14.1 动画选项 198
14.2 坐标动画 204
14.3 交互动画 208
附录A 颜色关键词和语法 223
附录B 元素,元素属性,样式属性 229
作者介绍 236
封面介绍 236
深入理解SVG epub pdf mobi txt 电子书 下载 2024
深入理解SVG 下载 epub mobi pdf txt 电子书 2024