cover

SVG精髓(第2版)

J. David Eisenberg,Amelia Bellamy-Royds / 人民邮电出版社 / 2015

本教程通过实例透彻讲解SVG这种标记语言的规范及应用。从简单的SVG 应用开始, 逐步探索SVG 的复杂功能,包括滤镜、变换、渐变和模式,内容涵盖了动画、交互图形 和动态SVG 编程等技术,同时通过讲解基本的XML 和CSS 技术。 本教程适合Web及移动Web开发人员学习。

¥34.99 / 3个月在线服务,赠送PDF电子书
  • 正版授权内容
  • 在线练习环境
  • 答疑服务支持
  • 离线PDF下载
  • 1

    入门指南

    了解SVG的历史,理解栅格图形系统与矢量图形系统的区别,理解SVG的主要概念。

  • 2

    在网页中使用SVG

    掌握在HTML5 文档中使用SVG 的各种方法。

  • 3

    坐标系统

    了解SVG坐标系统的基本概念,掌握如何切换图形中的坐标系。

  • 4

    基本形状

    掌握如何使用SVG 中的基本形状(线、长方形、多边形、圆、椭圆)来构成一个图形; 掌握如何指定形状的轮廓和内部颜色。

  • 5

    文档结构

    掌握如何将对象组合成一个整体,以便复用。掌握如何使用外部的矢量图形或者栅格图形。

  • 6

    坐标系统变换

    掌握如何对坐标系统进行移动、旋转、缩放、斜切,以改变画布上图形的形状。

  • 7

    路径

    理解路径概念,掌握如何使用线、圆弧和复杂的曲线来描述形状的一般轮廓。

  • 8

    图案和渐变

    掌握如何创建渐变色,掌握如何创建填充模式。

  • 9

    文本

    掌握如何添加沿直线分布的文字和沿指定路径分布的文字。

  • 10

    裁剪和蒙版

    掌握如何使用裁剪路径,让图形变得好像是从圆形镜头、锁孔或者其他形状中观察到的一样。 掌握如何使用遮罩来改变对象的透明度,使得对象的边缘呈现出“淡出”效果。

  • 11

    滤镜

    掌握如何应用面向栅格图形的滤镜,来使图形变得模糊,改变它的颜色,或者产生一些灯光效果。

  • 12

    SVG 动画

    掌握如何使用SVG 内置的动画能力。

  • 13

    添加交互

    掌握如何使用CSS 和JavaScript 来动态控制图形的属性。

  • 14

    使用SVG DOM

    掌握如何使用JavaScript 操作文档对象模型,了解一个用于SVG操作的JavaScript 库。

  • 15

    生成SVG

    掌握使用编程语言和XSLT 来从已有数据创建SVG的方法。