单位
<g transform="translate(-10,-20) scale(2) rotate(45) translate(5,10)">
</svg>foreignObject：创建新视窗去渲染里面的对象。
1 1 0
</g>
defer:可选参数，只对image元素有效，如果image元素中preserveAspectRatio属性的值以"defer"开头，则意味着image元素使用引用图片的缩放比例，如果被引用的图片没有缩放比例，则忽略"defer"。所有其他的元素都忽略这个字符串。
0 0 1
</svg>
这个例子绘制一个矩形，并把它的起点(0,0)平移到(30,40)处。虽然可以直接设置(x,y)的坐标值，但是使用平移变换去实现也很方便。这个变换第二个参数可以省略，默认当0处理。
<rect x="0" y="0" width="100" height="100" fill="Green" />0 sy 0
简单点说：视窗坐标系描述了视窗中所有元素的初始坐标概况，用户坐标系描述了每个元素的坐标概况，默认情况下，所有元素都使用默认的与视窗坐标系重合的那个用户坐标系。
保持缩放的比例 - preserveAspectRatio属性
