坐标系的关系

矩形自身带了坐标系

矩形坐标系相对于它的前驱坐标系发生了变化

----------------------------------------------------

世界坐标系是0A,

元素B它的前驱坐标系是0A,因为A是B的容器

C\D它的前驱坐标系是OB，C\D的容器是ob

ob是分组b的自身坐标系

参考坐标系：观察图像某一个情况

一、SVG中的坐标系统和坐标变换

1.        SVG的世界、视野、视窗的概念

1.1.         width,height-控制视窗

1.2.         svg代码-定义世界

1.3.         vieBox，preserveAspectRatio-控制视野

2.        SVG中的图形分组

2.1.         <g>标签来创建分组

2.2.         属性继承

2.3.         transform属性定义坐标变换

2.4.         可以嵌套使用

3.        坐标系统概述

3.1.         笛卡尔直角坐标系

3.2.         原点

3.3.         互相垂直的两条数轴

3.4.         角度定义

4.        自身坐标系和参照坐标系

4.1.         用户坐标系（User Coordinate）-原始坐标系（世界的坐标系）

4.2.         自身坐标系（Current Coordinate）-每个图形或分组独立与生俱来

4.3.         前驱坐标系（Previous Coordinate）-父容器的坐标系

4.4.         参考坐标系（Reference Coordinate）-使用其他坐标系来考究自身的情况时使用

4.5.         自身坐标系就是通过前驱坐标系经过transform得到

5.        坐标变换

svg坐标系