html 如何改变图片形状,图形变换的三种方式是什么？

图形变换的三种方式

1、平移

平移，是指在同一平面内，将一个图形上的所有点都按照某个直线方向做相同距离的移动，这样的图形运动叫做图形的平移运动，简称平移。

平移不改变图形的形状和大小。图形经过平移，对应线段相等，对应角相等，对应点所连的线段相等。 它是等距同构，是仿射空间中仿射变换的一种。它可以视为将同一个向量加到每点上，或将坐标系统的中心移动所得的结果。即是说，若是一个已知的向量，是空间中一点，平移。

图片平移的方向，不限于是水平。

2、旋转

在平面内，将一个图形绕一点按某个方向转动一个角度，这样的运动叫做图形的旋转。这个定点叫做旋转中心，转动的角叫做旋转角。

图形的旋转是图形上的每一点在平面上绕着某个固定点旋转固定角度的位置移动，其中对应点到旋转中心的距离相等，对应线段的长度、对应角的大小相等，旋转不改变图形的形状和大小

经过旋转，图形上的每一点都绕旋转中心沿相同方向转动了相同的角度，任意一对对应点与旋转中心的连线所成的角都是旋转角，对应点到旋转中心的距离相等。一个图形和它经过旋转所得的图形中，对应点到旋转中心的距离相等，任意一组对应点与旋转中心的连线所成的角都等于旋转角；对应线段相等，对应角相等。

3、翻折

翻折就是将一个图形沿着某一条直线翻折过来，直线两旁的部分能够相互重合，这个图形叫做轴对称图形，这条直线就是它的对称轴