图形变换

以前小的时候学习图形变换采用的是比较笨的方法,如图形对直线采用对称变换,先要算出各个点到直线的垂线长度,然后做对称,一个个的点算一遍。但是在计算机图形学中采用了线性代数的方法,基于齐次坐标、矢量运算等,学完我简直震惊了,实在是太有用了!

一些小先修:

1. 齐次坐标:用n+1维的向量表示一个n维向量,可用矩阵运算来实现坐标变换,也可以表示无穷远的点(第n维为0)

2. 各种变换方法,但得注意的是这些变换都得基于标准形式,如旋转是关于原点旋转,以下PPT截图来自北京化工大学李辉老师

3. 对于如下的变换:三角形关于直线对称

可以将它分解为复合变换的形式,1??将直线的起点平移至原点 2??将直线旋转至与x轴正半轴重合 3??三角形关于x轴正半轴对称 4??将直线旋转回去 5??将直线平移回去

实现代码: 六边形关于P(-2,-1)旋转45度

import matplotlib.pyplot as plt
import numpy
from numpy import *
import numpy as np
import math
#六边形
num = 6
def rotation(polygon):
    #将P(-2,-1)移到原点,平移矩阵
    P1 = array([
        [1, 0, 0],
        [0, 1, 0],
        [2, 1, 1]])
    #绕原点旋转45度,sin(45)=con(45)=0.707106781
    T = array([
        [0.707106781, 0.707106781, 0],
        [-0.707106781, 0.707106781, 0],
        [0, 0, 1]])
    #旋转之后再平移回去
    P2 = array([
        [1, 0, 0],
        [0, 1, 0],
        [-2, -1, 1]])
    #做矩阵乘法
    res = np.dot(polygon, np.dot(np.dot(P1, T), P2))
    x = []
    y = []
    for i in range(num):
        x.append(res[i][0])
        y.append(res[i][1])
    x.append(res[0][0])
    y.append(res[0][1])
    plt.plot(x, y, ‘--‘)
    print("\n变换矩阵:")
    print(res)

if __name__ == ‘__main__‘:
    #构造多边形
    polygon = []
    for i in range(num):
        polygon.append([])
        state = "第"+str(i)+"个点: "
        print(state)
        polygon[i] = [int(n) for n in input(‘x, y的值: ‘).split()]
        polygon[i].append(1)
    print("\n原始矩阵:")
    print(polygon)
    x = []
    y = []
    for i in range(num):
        x.append(polygon[i][0])
        y.append(polygon[i][1])
    x.append(polygon[0][0])
    y.append(polygon[0][1])
    plt.plot(x, y)
    rotation(polygon)
    plt.plot(-2, -1,‘r.‘)
    plt.axis("equal")
    plt.show()

运行截图:

原文地址:https://www.cnblogs.com/swenw/p/12232370.html

时间: 2024-11-11 18:04:19

图形变换的相关文章

触摸手势以及图形变换(UIGestureRecognizer, CGAffineTransform)

概要 本章主要学习了IOS开发中的触摸手势以及图形变换的知识,其中手势包括单击.双击.长按.拖动.滑动.缩放.旋转,图形变化主要使用放射矩阵的平移.缩放和旋转. 使用手势时应该注意手势是指定到特定的视图(UIView)上的,因此一个手势只能对应一个视图(手势里面的view属性可获取其所所对应的视图),而一个View可以添加多个手势.同时,因为有的手势之间有冲突的,比如单击和双击,滑动和拖动.针对这种情形需要使用手势的依赖性特性做出区分,改特性要求特定手势失败后才触发该手势. 仿射矩阵变化应该注意

浅谈android中图片处理之图形变换特效Matrix(四)

今天,我们就来谈下android中图片的变形的特效,在上讲博客中我们谈到android中图片中的色彩特效来实现的.改变它的颜色主要通过ColorMatrix类来实现. 现在今天所讲的图片变形的特效主要就是通过Matrix类来实现,我们通过上篇博客知道,改变色彩特效,主要是通过ColorMatrxi矩阵的系数,以及每个像素点上所对应的颜色偏移量.而今天的图形变换与那个也是非常的类似.它是一个3*3矩阵,而颜色矩阵则是一个4*5的矩阵.在这个3*3矩阵中则表述出了每个像素点的XY坐标信息.然后通过修

二维图形变换

5.1二维图形变化 一.向量 是具有长度和方向的实体 二.特殊的线性组合 (1)仿射组合 (2)凸组合(对仿射组合加以更多的限制) 三.向量的点积和叉积 (1)点积 两个向量夹角的余弦值等于两个单位向量的点积 (2)叉积 两个向量的叉积是另一个三维向量,且与两个向量均正交 利用叉积求平面的法向量,三点可确定一个平面 5.2 图形坐标系 1.世界坐标系 是一个公共坐标系,是现实中物体或场景的统一参考系 2.建模坐标系 又称局部坐标系,每个物体有自己的局部中心和坐标系 3.观察坐标系 从观察者的角度

WebGL简易教程(五):图形变换(模型、视图、投影变换)

目录 1. 概述 2. 详论 1) 模型变换 (1) 平移变换 (2) 缩放变换 (3) 旋转变换 (4) 组合变换 2) 视图变换 (1) 原理 (2) 推导 3) 投影变换 (1) 透视投影 (2) 正射投影 3. 综合运用 4. 参考 1. 概述 通过之前的教程,对WebGL中可编程渲染管线的流程有了一定的认识.但是只有前面的知识还不足以绘制真正的三维场景,可以发现之前我们绘制的点.三角形的坐标都是[-1,1]之间,Z值的坐标都是采用的默认0值,而一般的三维场景都是很复杂的三维坐标.为了在

Core Graphics图形变换

简单的坐标变换: Quarzd 2D提供了三个API进行坐标变换: //1.位移变换 CGContextTranslateCTM(CGContextRef c, CGFloat tx, CGFloat ty); 对于变换后的坐标系而言,原点位于原坐标系的(tx,ty)处.也相当于在原有坐标系下,所有点的横纵坐标分别增加tx和ty. //2.旋转变换 CGContextRotateCTM(CGContextRef c, CGFloat angle); 假设点A1经过坐标变换变到了A2,记坐标原点为

图形变换之基本矩阵变换

1)平移变换 从一个位置到另一个位置的变换可以用平移矩阵T表示,该矩阵通过向量t=(tx,ty,tz)对实体进行平移操作. 其实还有另外一种形式(以左手坐标系为基准): 第一种形式(以右手坐标系为基准的)进行变换时将T与需要变换的点或向量A(列向量)相乘,即TA.第二种形式(以左手坐标系为基准)将需要变换的点或向量(行向量)与T相乘,即AT. 平移矩阵的逆矩阵为T-1(t)= T(-t),也就是对向量t进行了置负操作. 2)旋转变换 旋转矩阵 Rx(Θ).Ry(Θ).Rz(Θ)分别表示将物体绕x

三维图形变换

是在二维方法基础上增加了对z坐标的考虑得到的.与二维变换类似,引入齐次坐标表示,即:三维空间中某点的变换可以表示成点的齐次坐标与四阶的三维变换矩阵相乘. 一.平移变换 二.比例变换 例如:对长方体进行比例变换,           三.旋转变换 跟二维的相同 四.对称变换 有关于坐标平面.坐标轴的对称变换 (1)关于坐标平面的对称 绕哪个面变换,那个面不变 变换矩阵为: 其它均类似 (2)关于坐标轴变换 6.2 投影变换 投影变换就是把三维物体投射到投影面上得到二维平面图形 两种投影法的本质区别

5.26 图形变换练习

源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Cont

牛逼的css3:动态过渡与图形变换

写css3的属性的时候,最好加上浏览器内核标识,进行兼容. -ms-transform:scale(2,4); /* IE 9 */ -moz-transform:scale(2,4); /* Firefox */ -webkit-transform:scale(2,4); /* Safari and Chrome */ -o-transform:scale(2,4); /* Opera */ 1.圆角(常用:略) 2.边框阴影 box-shadow 属性向框添加一个或多个阴影. box-sha