Qt坐标系统之三个坐标系和两个变换

前言

Qt坐标系统由QPainter类控制。它和QPaintDevice和QPaintEngine类一起构成Qt绘图系统的基础。QPainter用于执行绘图操作，QPaintDevice是QPainter用来绘制的一个二维空间的抽象，QPaintEngine提供在不同设备绘图的接口。
Qt 的坐标分为逻辑坐标和物理坐标。在我们绘制时，提供给QPainter的都是逻辑坐标。所谓物理坐标，就是绘制底层QPaintDevice的坐标。单单只有逻辑坐标，我们是不能在设备上进行绘制的。要想在设备上绘制，必须提供设备认识的物理坐标。Qt 使用viewport-window机制将我们提供的逻辑坐标转换成绘制设备使用的物理坐标，方法是，在逻辑坐标和物理坐标之间提供一层“窗口”坐标。视口是由任意矩形指定的物理坐标；窗口则是该矩形的逻辑坐标表示。默认情况下，物理坐标和逻辑坐标一致的，都等于设备矩形。

正文

简述

三个坐标系

  • 逻辑坐标系（Logical Coordinate System）
    也称为用户坐标系，是在编程时最常使用的坐标系。
    坐标原点（0,0）通常位于窗口的左上角，X轴向右增长，Y轴向下增长。
    通过逻辑坐标系来指定图形元素（如线条、矩形等）的位置和大小。
  • 窗口坐标系（Window Coordinate System）
    是逻辑坐标系经过变换（如缩放、旋转等）后得到的坐标系。
    用于在绘制过程中表示图形元素在窗口中的实际位置。窗口决定了我是看你的一部分还是整体。
    是QPainter内部使用的一个坐标系，用于将逻辑坐标转换为绘图设备（如屏幕、打印机等）上的物理坐标。
  • 物理坐标系（Physical Coordinate System）
    也称为设备坐标系，代表了绘图设备（如屏幕、打印机等）上的实际坐标系统。
    物理坐标系的原点、坐标轴方向以及单位（通常是像素）由绘图设备决定。
    QPainter最终会将图形元素绘制到物理坐标系中。

也就是说我们在绘制图像的时候一般是先在逻辑坐标系上构建想法，然后调用相关代码进行绘制，然后编译器编译时会将我们绘制在逻辑坐标系上的图形转换到窗口坐标系，最后转换到物理坐标系
默认情况下这三种坐标系是等同的。
它们之间的转换关系

Logical Coordinate System—>Window Coordinate System—>Physical Coordinate System
逻辑坐标setWindow()变换窗口坐标setViewport()变换物理坐标

两个变换

  • setWindow() 变换
    用于设置窗口坐标系的范围。相当于给逻辑坐标系加一个方框，然后我只能看到这个方框里面的东西
    通过调用setWindow(xMin, yMin, xMax, yMax)，可以指定窗口坐标系的左下角和右上角坐标。
    这个变换主要影响逻辑坐标系到窗口坐标系的映射关系，进而影响图形元素在窗口中的实际位置。
  • setViewport() 变换
    用于设置物理坐标系中用于绘图的矩形区域（即视口(如屏幕)）。
    通过调用setViewport(x, y, width, height)，可以指定视口在物理坐标系中的位置和大小。
    这个变换主要影响窗口坐标系到物理坐标系的映射关系，进而影响图形元素在物理设备上的实际绘制位置。

例子

首先调用resize(300，300), 然后绘制窗口的两条对角线(注意我们现在所使用的就是逻辑坐标系)
在这里插入图片描述

使用setWindow()

在这里插入图片描述

可以看到窗口大小本身并没有变化，但是线段更细了（上面两条挨着的是新绘制的），我就添加了一行代码painter.setWindow(0,0,600,600);这行代码的意思是我设置了一个新的逻辑坐标系，在该逻辑坐标系下，窗口原点位于该逻辑坐标系的(0,0)位置，窗口的宽和高分别为600(原逻辑坐标系宽高为300,所以显得扩大了2倍；由于扩大了两倍，原先两个点相当于现在的一个点所以显得细了)；然后我下面继续调用绘图时就会在这个新的逻辑坐标系下进行绘制，所以说300像素在新的逻辑坐标系中只能是中间的位置。

  • 如果设置painter.setWindow(0,0,600,600);为painter.setWindow(0,0,150,150);会发生什么呢？
    在这里插入图片描述

可以看到窗口大小本身并没有变化，但是线条显得更加粗了；这是由于在新的逻辑坐标系中窗口的大小被设置成了150x150；原先在逻辑坐标中是300x300，相当于压缩了，原先的两个点相当于现在的一个点。

  • 如果将painter.setWindow(0,0,600,600);改成painter.setWindow(20,30,520,180);会发生什么呢？
    在这里插入图片描述
    为什么会这样呢？新画的对角线为什么会超出边界呢？此时的窗口坐标系的取值如何计算？其实这也很好理解，我有一条对角线，取它的两个端点(0,0),(75,75)这是它的逻辑坐标，它的窗口坐标怎么计算呢？
    对于(0,0)：

((30 + 0 * 520/300),(20 + 0 * 180/300) = (30, 20 )

对于(75,75)：

((30 + 75 * 520/300),(20 + 75 * 180/300) = (159.75, 65)

对于此时窗口坐标系的取值

横坐标的取值范围为[30, 490]，纵坐标的取值范围为[20,160]
对于线段上的点总归有些计算完窗口坐标后会超出坐标取值范围，使得其不在窗口上

使用setViewport()

还是使用刚才的例子，不过有些变化
在这里插入图片描述
可以看到窗口大小本身并没有变化，但是线条显得更加粗了；这是因为painter.setViewport(0,0,600,600);意思是将绘图操作的视口设置为一个从 (0,0) 开始，宽度和高度都是 600 个单位（由于没有修改相应的窗口坐标，窗口坐标范围不变）；这个代码相当于把整个物理坐标系翻倍了。也就是单位逻辑坐标变大了。原来逻辑坐标画1个像素点，现在相当于画2个。

  • 如果设置painter.setViewport(0,0,600,600);为painter.setViewport(0,0,150,150);会发生什么呢？

在这里插入图片描述
可以看到窗口大小本身并没有变化，但是线条显得更加细了；这是因为painter.setViewport(0,0,150,150);意思是将绘图操作的视口设置为一个从 (0,0) 开始，宽度和高度都是 150 个单位（由于没有修改相应的窗口坐标，窗口坐标范围不变）；这个代码相当于把整个物理坐标系缩小2倍了。也就是单位逻辑坐标变小了。比如(75,75)转换成窗口坐标后为

((0 + 75 * 150/300)，(0 + 75 * 150/300)) = (37.5, 37.5)
而37.5在300*300的窗口坐标中只占了1/8

  • 如果设置painter.setViewport(0,0,600,600);为painter.setViewport(20,30,540,120);会发生什么呢？

在这里插入图片描述
我们将物理坐标原点修改为 (20, 30)，长540，高是 120 的矩形时，窗口坐标范围不变，也就是说，我们将物理宽 540px 映射成窗口宽 300px，物理高 120px 映射成窗口高 300px。那么坐标如何计算呢？
比如还是(0,0)与(75，75)
对于(0,0)：

((20 + 0 * 540/300),(30 + 0 * 120/300) = (20, 30 )

对于(75,75)：

((20 + 75 * 540/300),(30 + 75 * 120/300) = (155, 165)

对于此时窗口坐标系的取值

横坐标的取值范围为[20, 520]，纵坐标的取值范围为[30,90]

遗留小问题，如果将paintEvent中的内容改成

	QPainter painter(this);painter.setViewport(0, 0, 150, 150);painter.fillRect(0, 0, 150, 150, Qt::green);

那么将会有多少窗口被填充？
答案是1/16

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/52166.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

True XML cookbook

True XML cookbook

打开题目 看到登录口 随便输入admin&#xff0c;123456&#xff0c;然后抓包试一下 先按原来那道题的payload进行测试&#xff0c;payload和结果如下&#xff1a; <?xml version"1.0" ?> <!DOCTYPE llw [ <!ENTITY file SYSTEM "file:///flag&…
阅读更多...
分布式 - 主从复制技术详解及时延处理

分布式 - 主从复制技术详解及时延处理

作者&#xff1a;逍遥Sean 简介&#xff1a;一个主修Java的Web网站\游戏服务器后端开发者 主页&#xff1a;https://blog.csdn.net/Ureliable 觉得博主文章不错的话&#xff0c;可以三连支持一下~ 如有疑问和建议&#xff0c;请私信或评论留言&#xff01; 主从复制技术详解及时…
阅读更多...
k8s教程

k8s教程

1. k8s框架 - kubernetes的架构- Control Plane: 控制K8S集群的组件。- Api Server: 集群的访问入口。- etcd: 存储集群的数据。一般情况下&#xff0c;只有API-SERVER会访问.- Control Manager: 维护集群的状态。- Scheduler: 负责Pod的调度功能。- Wor…
阅读更多...
性能测试常见故障和解决思路

性能测试常见故障和解决思路

一、性能问题分析流程 1、查看服务器的CPU、内存 、负载等情况&#xff0c;包括应用服务器和数据库服务器 2、查看数据库健康状态&#xff0c;数据库死锁、连接池不释放 3、查看项目日志&#xff08;查看无报错现象&#xff09; 4、查看jvm的gc等情况 二、内存溢出 &…
阅读更多...
python数组列表操作简记二

python数组列表操作简记二

python数组列表操作简记二 一、列表配对组合为新列表或字典1.1多个列表配对组合为新列表1.2两个列表配对转换为字典 二、数组加减乘除运算2.1一维数组加减除运算2.2一维数组乘法运算 三、数组切片读取3.1一维数组切片读取3.2二维数组切片读取3.3三维数组切片读取 四、数组简单筛…
阅读更多...
SSL/TLS协议信息泄露漏洞修复

SSL/TLS协议信息泄露漏洞修复

概述&#xff1a;CVE-2016-2183 是一个涉及 SSL/TLS 协议信息泄露的漏洞&#xff0c;也被称为 "SWEET32" 攻击。该漏洞利用了某些对称加密算法&#xff08;如 3DES&#xff09;的弱点&#xff0c;攻击者可以通过捕获和分析大量的加密流量&#xff0c;可能会恢复明文数…
阅读更多...
Sqlite3数据库表内数据批量读取操作---sqlite3_stmt机制

Sqlite3数据库表内数据批量读取操作---sqlite3_stmt机制

0、引言 在前面两篇文章已经对数据环境搭建、数据批量写入库中进行了较为详细的讲解。因此&#xff0c;基于前两篇文章内容的基础上&#xff0c;本文主要从数据库中批量数据读取操作进行梳理讲解。 嵌入式数据库SQLite 3配置使用详细笔记教程_sqlite3-CSDN博客 SQLite 3 优化批…
阅读更多...
【机器学习】4. 相似性比较（二值化数据）与相关度(correlation)

【机器学习】4. 相似性比较（二值化数据）与相关度(correlation)

SMC Simple Matching Coefficient 评估两组二进制数组相似性的参数 SMC (f11 f00) / (f01f10f11f00) 其中&#xff0c;f11表示两组都为1的组合个数&#xff0c;f10表示第一组为1&#xff0c;第二组为0的组合个数。 这样做会有一个缺点&#xff0c;假设是比较稀疏的数据&…
阅读更多...
＜数据集＞流水线纸箱识别数据集＜目标检测＞

＜数据集＞流水线纸箱识别数据集＜目标检测＞

数据集格式&#xff1a;VOCYOLO格式 图片数量&#xff1a;1395张 标注数量(xml文件个数)&#xff1a;1395 标注数量(txt文件个数)&#xff1a;1395 标注类别数&#xff1a;2 标注类别名称&#xff1a;[GreenCarton,RedCarton] 序号类别名称图片数框数1GreenBox131728482R…
阅读更多...
解析XML格式数据

解析XML格式数据

解析XML格式数据主要涉及到将XML文档转换为程序可以处理的数据结构&#xff0c;这通常通过使用特定的解析技术来实现。在Java中&#xff0c;解析XML数据主要有四种方法&#xff0c;分别是DOM&#xff08;Document Object Model&#xff09;、SAX&#xff08;Simple API for XML…
阅读更多...
力扣 | 最长公共子序列 | 动态规划 | 最长公共子序列长度、最长公共子序列

力扣 | 最长公共子序列 | 动态规划 | 最长公共子序列长度、最长公共子序列

文章目录 一、1143. 最长公共子序列二、求最长公共子序列三、变式一、1035. 不相交的线二、1312. 让字符串成为回文串的最少插入次数 一、1143. 最长公共子序列 LeetCode&#xff1a;1143. 最长公共子序列 这是一道典型的二维动态规划问题&#xff0c;甚至面试都能被面到。 这…
阅读更多...
下载文件设置响应头

下载文件设置响应头

参考链接&#xff1a;关于URL编码 1、概述 一般要对文件名称编码&#xff08;主要是中文名称和特殊符号编码的问题&#xff09;&#xff0c;不然下载的时候会出异常&#xff0c;异常在后面 package com.mocha.order.util;import com.mocha.order.constant.BrowserConstant; …
阅读更多...
【15】bat脚本备份windows的部署文件

【15】bat脚本备份windows的部署文件

1、请安装D:\7-Zip\7z.exe压缩工具，sshfs工具 2、通过挂载远程服务器存储文件夹，将部署文件压缩到指定备份路径 3、指定备份路径只保存20个文件，超过定期删除多余的 4、部署文件备份完成后，卸载远程存储文件夹 @echo off setlocal:: 备份web、mysql、redis、nginx :: folde…
阅读更多...
Linux buffer/cache

Linux buffer/cache

清除方法 echo 1 > /proc/sys/vm/drop_caches # 仅清除页面缓存 echo 2 > /proc/sys/vm/drop_caches # 清除目录项和inode echo 3 > /proc/sys/vm/drop_caches # 清除页面缓存、目录项以及inode 下面了解一下这几种都是什么,简单理解&#xff0c;目录项和inode&…
阅读更多...
C#关于多线程的线程问题

C#关于多线程的线程问题

using System.Text; ​ namespace 平时练习8._19day06 {internal class Program{static async Task Main(string[] args){Console.WriteLine(Thread.CurrentThread.ManagedThreadId );StringBuilder sb new StringBuilder();for (int i 0; i < 10000; i){sb.Append("…
阅读更多...
坚持绿色发展的上海智算中心，稳步推进中

坚持绿色发展的上海智算中心，稳步推进中

自今年年初正式封顶以来&#xff0c;云端股份上海智算中心在外墙及内部的建设进展顺利。这座智算中心地理位置优越&#xff0c;正逐步成为推动数字经济发展的重要力量。 位置优势 云端股份上海智算中心毗邻智慧岛数据产业园&#xff0c;是崇明区目前建设的唯一一座智算中心&am…
阅读更多...
多功能秒达工具箱全开源源码，可自部署且完全开源的中文工具箱

多功能秒达工具箱全开源源码，可自部署且完全开源的中文工具箱

简介&#xff1a; 多功能秒达开源工具箱源码&#xff0c;&#xff0c;可自部署且完全开源的中文工具箱&#xff0c;永远的自由软件&#xff0c;轻量级运行&#xff0c;全平台支持&#xff08;包括ARMv8&#xff09;&#xff0c;完全类似 GPT 的支持&#xff0c;与高效的 UI 高…
阅读更多...
前端构建工具 webpack与vite对比

前端构建工具 webpack与vite对比

一、webpack构建原理 Webpack的构建过程大致为&#xff1a; 1.从入口文件开始分析依赖&#xff0c; 2.递归解析所有依赖模块&#xff0c;生成依赖图&#xff0c; 3.调用Loader转换文件内容&#xff0c; 4.打包所有模块输出优化后的静态资源 。 webpack工作特点&#xff1a; …
阅读更多...
[JS]精选面试题-2

[JS]精选面试题-2

1.谈⼀谈你理解的函数式编程 函数式编程&#xff08;Functional Programming&#xff09;是一种编程范式&#xff0c;通过函数的组合实现程序的功能 核心特性 函数是第一等公民&#xff1a;在函数式编程中&#xff0c;函数不仅可以被调用&#xff0c;还可以像其他值&#xf…
阅读更多...
简化登录流程，助力应用建立用户体系

简化登录流程，助力应用建立用户体系

随着智能手机和移动应用的普及&#xff0c;用户需要在不同的应用中注册和登录账号&#xff0c;传统的账号注册和登录流程需要用户输入用户名和密码&#xff0c;这不仅繁琐而且容易造成用户流失。 华为账号服务&#xff08;Account Kit&#xff09;提供简单、快速、安全的登录功…
阅读更多...
最新文章

Copyright @ 2022~2023