家门口种果树，不怕馋

下面所有信息均来自http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Getting_StartedSVG，代表为S calable V ector G raphics，是XML的应用程序，使得它可以在一个紧凑的，便携的形式表示图形信息。SVG利息迅速增长，各大公司已经提供工具来创建和查看SVG文件。本章开始与计算机图形学的两大系统...

这一点，我们只使用了纯色填充和轮廓的图形对象。你是不是仅限使用纯色，你也可以使用图案或渐变填充或轮廓图形。这就是我们将在本章探讨。模式要使用一种模式，你定义了一个图形对象的复制水平和垂直填补另外一个对象(或边界线) to fill another object (or stroke).。此图形对象被称为瓷砖，，因为用图案填充对象的行为是非常喜欢与瓷砖地板面积。在本节中，我们将使用由SVG绘

文章内容均来自http://commons.oreilly.com/wiki/index.php/SVG_Essentials/CoordinatesSVG的世界是一个无限的画布。在本章中，我们将讨论如何你告诉一个浏览器程序，你有兴趣，它的尺寸是什么，以及如何定位点区域内，这个画布视口（viewport）您的文件拟使用面积的画布被称为视口。建立这个视口的大小，宽度和高度属性上<s...

文章内容均来源于http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Filters前面的章节已经给你创造伟大的精度和细节传达信息的图形的基础。如果你打算在春季野餐，你想要的精确地图。当你在报纸上的天气预报的图形描述看，你想“只是事实。”如果你问后来形容天的野餐，没有人希望气象部门统计清脆的朗诵。同样，没有人希望看到一个春天...

虽然它可能是真实的，每一个画面讲述了一个故事，这是完全正确的，用言语来帮助讲故事。因此，SVG有几个元素，让你将文本添加到您的图形。文本术语Text Terminology在我们调查的主要方法添加文本，的<TEXT>元素之前，我们应该定义一些术语，你会看到，如果你读了SVG规范，或者如果你的工作与文字在任何图形环境：字符一个字符，作为一个XML文档而言，是一个数...

文章内容来源于http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Paths#Notational_Shortcuts_for_a_Path第3章中描述的所有基本形状是真正简写形式为更普遍的<PATH>的元素。你是很好的建议，使用这些快捷键，它们有助于使你的SVG更具可读性和更有条理。的<PATH>元素较为一...

文章内容来自http://www.cnblogs.com/dxy1982/archive/2012/04/06/2395729.html这个例子画了很多形状：正常的矩形，带圆角的矩形，圆形，椭圆形，直线，折线，多边形，还有路径。这些都属于基本的图形元素。虽然绘制一个图形有很多种方式，比如矩形可以用rect实现，也可以用path等实现，但是我们还是应该尽量保持SVG的内容短小精悍，易于阅读。

文章内容均来源于http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Document_Structure我们随便提到，SVG可以让你从它的演示文档的结构分开。在本章中，我们将比较和对比，讨论的表象方面的更详细的文件，然后显示一些SVG元素，你可以用它来使文​​档的结构更清晰，更具可读性，更容易维护。结构和表现正如我们在

文章内容均来自http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Basic_Shapes一旦建立坐标系在标签，你是准备开始绘制。在本章中，我们将展示基本的形状，你可以用它来 ​​创建最图纸的主要元素：线条，矩形，多边形，圆，椭圆。线SVG可以让你画一条直线与元素。只要指定x-Ÿ坐标线的端点。可以指定坐标没有单位的，

到了这一点，所有的图形被显示的“是”。会有的时候，当你有一个图形，你想移动到新的位置，旋转，或规模。为了完成这些任务，您可以添加适当的SVG元素变换属性。本章将探讨这些变革的细节。翻译转型在第4章中，你看到了，你可以用x和y的属性与元素在一个特定的地方放置一组图形对象。在实施例5-1中的SVG看，它定义了一个正方形，并将其绘制在网格的左上角，然后重新将其绘制的左上角坐标（50，50）。如图