本文主要是介绍wap SVG 第五章 转换坐标系，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
到了这一点，所有的图形被显示的“是”。会有的时候，当你有一个图形，你想移动到新的位置，旋转，或规模。为了完成这些任务，您可以添加适当的SVG元素变换属性。本章将探讨这些变革的细节。
翻译转型
在第4章中，你看到了，你可以用x和y的属性与<use>元素在一个特定的地方放置一组图形对象。在实施例5-1中的SVG看，它定义了一个正方形，并将其绘制在网格的左上角，然后重新将其绘制的左上角坐标（50，50）。如图5-1中的虚线是不是SVG的一部分，但足以说明，我们感兴趣的部分画布
<svg width="200px" height="200px" viewBox="0 0 200 200"><g id="square"><rect x="0" y="0" width="20" height="20"style="fill: black; stroke-width: 2;"/></g><use xlink:href="#square" x="50" y="50"/>
</svg>
事实证明，x 和y的值是真的更普遍和更强大的变换属性的简写形式之一。具体来说，x 和y的值都转换为一个属性，如transform="translate( x-value, y-value )"变换=“翻译（ x值，y值 ）“ ，其中翻译是一个花哨的技术术语为“移动”。在当前用户坐标系的x值和y值计量。让我们用变换以获得相同的效果，第二个正方形的左上角（50，50）。例5-2列出了SVG。
<svg width="200px" height="200px" viewBox="0 0 200 200"><g id="square"><rect x="0" y="0" width="20" height="20"style="fill: none; stroke:black; stroke-width: 2;"/></g><use xlink:href="#square" transform="translate(50,50)"/>
</svg>显示的结果完全一样，在图5-1。你可能认为这是通过移动的平方，到不同的地方对电网概念在图5-2所示，但你就错了。
注意
translate 在文章中叫做翻译 ，translate从来没改变做网格坐标，而是改变了在网格上面的位置，
乍一看，使用翻译似乎荒谬的，而且效率低下，因为通过移动整个客厅，墙壁和所有移动你的沙发，进一步远离外墙的房子，到一个新的位置。事实上，如果翻译是唯一的改造，移动整个坐标系将是浪费。然而，我们很快就会看到其他转换，组合序列的转换，这是数学和更方便的概念，它们是否适用于整个坐标系。
看看还有没有其他的转换
大规模改造
这是可能的，以使对象出现在它被定义的缩放坐标系的大小大于或小于。这种转变被指定为：
transform="scale( value )" 变换="规模(值)"
相乘所有X-Y坐标给定值
transform="scale( x-value , y-value )" 变换="规模(x-值,y-值)"
这篇关于wap SVG 第五章 转换坐标系的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
