【qt】坐标系变换-阿里云开发者社区

【qt】坐标系变换

2024-08-15 11

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【qt】坐标系变换

一.物理坐标

物理坐标系，就是我们上节课说的，坐标的原点在窗口的左上角。这节课我们可以通过改变原点的位置来达到我们想姚的逻辑坐标。

二.逻辑坐标

1.平移

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QImage image(":/bg.png");
    QRect rect(0,0,200,150);
    painter.drawImage(rect,image);
    painter.translate(300,100);//将坐标系水平向右平移300，垂直向下平移100
    painter.drawImage(rect,image);
}

运行结果：

2.旋转

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QImage image(":/bg.png");
    QRect rect(0,0,200,150);
    //painter.drawImage(rect,image);
    painter.translate(300,100);//将坐标系水平向右平移300，垂直向下平移100
    painter.drawImage(rect,image);
    painter.rotate(90);//将坐标系顺时针旋转90
    painter.drawImage(rect,image);
}

运行结果：

3.扭转

shear的参数范围为0~1

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QImage image(":/bg.png");
    QRect rect(0,0,200,150);
    //painter.drawImage(rect,image);
    painter.translate(300,100);//将坐标系水平向右平移300，垂直向下平移100
    //painter.drawImage(rect,image);
    painter.shear(0.1,0.1);
    painter.drawImage(rect,image);
    }

运行结果：

4.缩放

scale的参数1为分解线，小于1缩小，大于1放大

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QImage image(":/bg.png");
    QRect rect(0,0,200,150);
    painter.drawImage(rect,image);
    painter.scale(2,2);
    painter.drawImage(rect,image);
    }

缩放前：

缩放后：

三.案例结合画一个五角星

正常画一个五角星是需要我们去找坐标的，而且比较难找，所以我们通过下面的方法进行绘画。

应该能看懂吧，数学知识，第一条在坐标系的五角星坐标是很容易的，后面的都是通过三角函数来得到的。

360°被分为5份，所以每个角的度数为360/5=72°。

void Widget::paintEvent(QPaintEvent *event)
{
    QPainter painter(this);
    QPen pen;
    pen.setColor(Qt::red);
    pen.setWidth(4);
    painter.setPen(pen);
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setRenderHint(QPainter::TextAntialiasing);
    qreal r=200;//qreal相当于double
    qreal unit=72*3.141592/180;//算的是72°的弧度值，因为cos和sin需要的是弧度
    QPoint points[5]={
        QPoint(r,0),
        QPoint(r*cos(unit),-r*sin(unit)),
        QPoint(r*cos(unit*2),-r*sin(unit*2)),
        QPoint(r*cos(unit*3),-r*sin(unit*3)),
        QPoint(r*cos(unit*4),-r*sin(unit*4))
    };
    QPainterPath path;
    path.moveTo(points[0]);//把笔放在那个点开始
    path.lineTo(points[2]);//画线到这个点
    path.lineTo(points[4]);
    path.lineTo(points[1]);
    path.lineTo(points[3]);
    path.closeSubpath();//第一个点和最后一个点相连
    QFont font;
    font.setPointSize(20);
    painter.setFont(font);
    //路径还可以加文字
    path.addText(points[0],font,"0");
    path.addText(points[1],font,"1");
    path.addText(points[2],font,"2");
    path.addText(points[3],font,"3");
    path.addText(points[4],font,"4");
    painter.drawPath(path);
    painter.save();//保存当前坐标系
    painter.translate(300,300);
    painter.rotate(-18);//向逆时针转18°
    painter.drawPath(path);
    painter.restore();//恢复到刚刚保存的坐标系
}