图灵社区的电子书没有采用专有客户 端，您可以在任意设备上，用自己喜 欢的浏览器和PDF阅读器进行阅读。 但您购买的电子书仅供您个人使用， 未经授权，不得进行传播。 我们愿意相信读者具有这样的良知和 觉悟，与我们共同保护知识产权。 如果购买者有侵权行为，我们可能对 该用户实施包括但不限于关闭该帐号 等维权措施，并可能追究法律责任。 书籍1.indb 8 2017/9/11 18:08:03 图灵程序设计丛书 深入理解SVG SVG Colors, Patterns & Gradients [美] Amelia Bellamy-Royds Kurt Cagle 著 刘涛 译 Beijing • Boston • Farnham • Sebastopol • Tokyo O’Reilly Media, Inc.授权人民邮电出版社出版 人民邮电出版社 北　京 0 扉页和版权.indd 1 2017/9/11 18:13:18 内 容 提 要 本书介绍 SVG 绘画，包括基础知识和如何通过混合和搭配工具来生成复杂 的效果。主要内容有：把 SVG 代码转换为可视图形的渲染模型，如何使用颜色， 透明度的控制方法以及它对图片的影响，渲染服务和渐变。 本书适合所有想利用 SVG 提高 Web 体验的读者。 ◆ 著　　　　[美] Amelia Bellamy-Royds Kurt Cagle 译　　　　刘　涛 责任编辑　朱　巍 执行编辑　付　阳 责任编辑　彭志环 ◆ 人民邮电出版社出版发行　　北京市丰台区成寿寺路11号 邮编　100164　　电子邮件　315@ptpress.com.cn 网址　http://www.ptpress.com.cn 北京　　　　　　印刷 ◆ 开本：880×1230　1/32 印张：7.875 字数：283千字 2017年 10 月第 1 版 印数：1 — 3 000册 2017年 10 月北京第 1 次印刷 著作权合同登记号 图字：01-2017-4860号 定价：59.00元 读者服务热线：(010)51095186转600　印装质量热线：(010)81055316 反盗版热线：(010)81055315 广告经营许可证：京东工商广登字 20170147 号 图灵社区会员 ChenyangGao(2339083510@qq.com) 专享 尊重版权 书籍1.indb 2 2017/9/11 18:08:03 版权声明 © 2016 by O'Reilly Media,Inc. Simplified Chinese Edition, jointly published by O’Reilly Media, Inc. and Posts & Telecom Press, 2017. Authorized translation of the English edition, 2017 O’Reilly Media, Inc., the owner of all rights to publish and sell the same. All rights reserved including the rights of reproduction in whole or in part in any form. 英文原版由 O’Reilly Media, Inc. 出版，2016。 简体中文版由人民邮电出版社出版，2017。英文原版的翻译得到 O’Reilly Media, Inc. 的授权。此简体中文版的出版和销售得到出版权和销售权的 所有者——O’Reilly Media, Inc. 的许可。 版权所有，未得书面许可，本书的任何部分和全部不得以任何形式重制。 III 书籍1.indb 3 2017/9/11 18:08:03 O’Reilly Media, Inc.介绍 O’Reilly Media 通过图书、杂志、在线服务、调查研究和会议等方式传播创新知识。 自 1978 年开始，O’Reilly 一直都是前沿发展的见证者和推动者。超级极客们正在 开创着未来，而我们关注真正重要的技术趋势——通过放大那些“细微的信号”来 刺激社会对新科技的应用。作为技术社区中活跃的参与者，O’Reilly 的发展充满了 对创新的倡导、创造和发扬光大。 O’Reilly 为软件开发人员带来革命性的“动物书”；创建第一个商业网站（GNN）； 组织了影响深远的开放源代码峰会，以至于开源软件运动以此命名；创立了 Make 杂志，从而成为 DIY 革命的主要先锋；公司一如既往地通过多种形式缔结信息与 人的纽带。O’Reilly 的会议和峰会聚集了众多超级极客和高瞻远瞩的商业领袖，共 同描绘出开创新产业的革命性思想。作为技术人士获取信息的选择，O’Reilly 现在 还将先锋专家的知识传递给普通的计算机用户。无论是通过书籍出版、在线服务或 者面授课程，每一项 O’Reilly 的产品都反映了公司不可动摇的理念——信息是激发 创新的力量。 业界评论 “O’Reilly Radar 博客有口皆碑。” ——Wired “O’Reilly 凭借一系列（真希望当初我也想到了）非凡想法建立了数百万美元的 业务。 ” ——Business 2.0 “O’Reilly Conference 是聚集关键思想领袖的绝对典范。” ——CRN “一本 O’Reilly 的书就代表一个有用、有前途、需要学习的主题。” ——Irish Times “Tim 是位特立独行的商人，他不光放眼于最长远、最广阔的视野并且切实地 按照 Yogi Berra 的建议去做了：‘如果你在路上遇到岔路口，走小路（岔路）。’ 回顾过去，Tim 似乎每一次都选择了小路，而且有几次都是一闪即逝的机会， 尽管大路也不错。” ——Linux Journal 书籍1.indb 4 2017/9/11 18:08:03 目录 前言.............................................................................................................................. ix 第 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 属性描边 .........................................................................