在pyqt5中使用鼠标滚轮在QGraphicsScene上缩放图像 - 腾讯云开发者社区

文章/答案/技术大牛

发布

【Java AWT 图形界面编程】使用鼠标滚轮缩放 Canvas 画布中绘制的背景图像 ( 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心示例 )

一、鼠标滚轮缩放的中心点设置为当前鼠标中心点 - 要点分析 ---- 鼠标指针指向界面中的 Canvas 画布某个位置 , Canvas 画布中绘制着一张超大图片 , 以该位置为中心 , 滑动鼠标滚轮时进行缩放...; 使用鼠标滚轮缩放后 , 在 Canvas 中绘制的图片的尺寸肯定是放大或者缩小了 , 尺寸发生了改变 ; 图片缩放时 , 鼠标指针指向一个位置 , 该位置对应着一个当前 Canvas 画布中的 x..., 保存当前的鼠标位置及比例 ; 在鼠标滚轮事件 MouseWheelEvent 中 , 可以直接通过调用 e.getX(), e.getY() 获取到当前鼠标指针在 Canvas 画布的坐标 ;...double imageHeight = image.getHeight(null) * scale; // 缩放后的图像高度有了鼠标指针在图片中的位置 , 图片的尺寸 , 就可以计算出鼠标指针在图片中的比例...在鼠标滚轮缩放完成后 , 再根据鼠标指针指向的位置和比例 , 结合图片缩放后的尺寸 , 重新计算画布偏移的位置 , 以达到鼠标指向的图片元素位置基本保持不变的目的 ; /** * 计算新的比例

6.8K1 0

在 React 中缩放、裁剪和缩放图像

在本文中，我们将了解如何使用 Cropper.js 在 React Web 应用中裁剪图像。尽管我们不会将这些图像上传到远程服务器进行存储，但是很容易就能完成这个任务。...React应用中的Cropper.js 如你所见，有一个带有源图像的交互式 canvas。操作的结果显示在“预览”框中，如果需要，可以将其保存。实际上，我们会将结果发送到远程服务器，但这取决于你。...在命令行中，执行以下操作： npx create-react-app image-crop-example 上面的命令将使用默认模板创建一个新项目。...在 constructor 方法中，我们定义了状态变量，该变量表示最终更改的图像。因为 Cropper.js 需要与 HTML 组件交互，所以需要定义一个引用变量来包含它。...源图像填充使用了该特定组件的用户定义的属性。目标图片使用的状态变量是我们在安装组件后定义的。

9.8K4 0

您找到你想要的搜索结果了吗？

是的

没有找到

【Java AWT 图形界面编程】使用小键盘按键缩放 Canvas 画布中绘制的背景图像 ( 键盘按键监听 + 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心示例 )

+ 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心示例 ---- 在【Java AWT 图形界面编程】Canvas 中绘制超大图片 ( 使用鼠标拖动查看全图 | 设置 JFrame...窗口自动关闭 | 获取并绘制图片 | 鼠标拖动计算位移 | 画布偏移 ) 博客中 , 绘制了超大图像 , 可以使用鼠标拖动 ; 在【Java AWT 图形界面编程】使用鼠标滚轮放大缩小 Canvas...画布 ( 鼠标滚轮事件监听器 MouseWheelListener ) 博客中 , 新增鼠标滚轮缩放画布示例 , 但是使用鼠标拖动时 , 拖动的效果也随之缩放, 如缩小画布后 , 移动鼠标 , 移动距离对应的缩放效果也随之缩小...; 在【Java AWT 图形界面编程】使用鼠标滚轮放大缩小 Canvas 画布中绘制的背景图像 ( 鼠标滚轮事件监听器 MouseWheelListener | Canvas 中绘制图像并设置图像大小...) 博客中 , 使用缩放背景图像的方式 , 实现缩放效果，并同时福袋鼠标指针拖拽效果 ; 本博客中实现的案例 , 在上面的基础上 , 添加了鼠标滚轮缩放的中心点设置为当前鼠标中心点 ; 1、代码示例

5K2 0

在Swift中创建可缩放的图像视图

也许他们想放大、平移、掌握这些图像？在本教程中，我们将建立一个可缩放、可平移的图像视图来实现这一功能。计划他们说，一张图片胜过千言万语--但它不一定要花上一千行代码！...基本上，我们将在UIScrollView中嵌套一个包含图片的UIImageView，它将处理所有我们扔给它的缩放、平移（和点击！）手势。...medium.com/media/afad3… 在commonInit()中，我们将图像视图居中，并设置它的高度和宽度，而不是把它固定在父视图上。这样一来，滚动视图就会从图像视图中获得其内容大小。...设置滚动视图我们需要实际设置我们的滚动视图，使其可缩放和可平移。这包括设置最小和最大的缩放级别，以及指定用户放大时使用的UIView（在我们的例子中，它将是图像视图）。...试试平移和缩放（如果你使用的是模拟器，按住 "option "键）--你会对你的图像有一个全新的视角以编程方式初始化视图在使用界面生成器时，这很好--但如果你想以编程方式初始化视图呢？

10.5K2 0

QT实现机器视觉最常用的图像查看器（源码）

在机器视觉行业中最常见的控件就是图像查看器了，使用QT实现其实也非常简单，在我出的项目【降龙：算法软件框架】和【重明：工业相机二次开发】中都有用到。...2、QT视图模型介绍在我们常规认知里，例如显示一张图像，那只需要一个QWidget（也可以说是画布），然后我们将图像显示在QWidget上（也可以说画在画布上），就完成了，只需要两个对象，一个图像，一个...Graphics Item：场景中可以被显示的元素，可以是我们的图像，也可以是矩形圆形等任何东西。...50倍 { return; } // 正值表示滚轮远离使用者,为放大;负值表示朝向使用者,为缩小 scrollAmount.y() > 0 ?...onZoom(1.1) : onZoom(0.9); } //在视觉窗口上双击鼠标左键，会有图像居中效果，主要依赖于onCenter()方法。

3.2K1 0

在pyqt5中展示pyecharts生成的图像

技术背景虽然现在很少有人用python去做一些图形化的界面，但是不得不说我们在日常大部分的软件使用中都还是有可视化与交互这样的需求的。...这里我们主要探索一下在pyqt5制作出来的界面中集成一个pyecharts生成的页面，效果图如下所示：环境依赖这里主要依赖于pyecharts和pyqt5这两个库，但是由于pyqt5在5.10.1...在pyecharts中配置散点图的参数时，主要方法是调用Scatter中的函数来进行构造，比如我们常用的一些窗口工具，区域缩放等功能，就可以在Scatter中添加一个toolbox来实现： toolbox_opts...最后通过pyqt中的图层中导入网页，实现图像的展示效果： self.mainhboxLayout = QHBoxLayout(self) self.frame = QFrame(self) self.mainhboxLayout.addWidget...选取一部分之后的展示效果如下图所示：总结概要本文通过一个实际的散点图案例，展示了如何使用pyqt5嵌套一个pyecharts图层的方法，通过这个技巧，可以在pyqt5的框架中也实现精美的数据可视化的功能模块

3.5K2 0

在鼠标右键上加入使用notepad++编辑

个人博客：https://suveng.github.io/blog/ 在鼠标右键上加入使用notepad++编辑我们在安装完notepad++文本编辑器之后，在一个文本文件上右键有时候并没有出现...“使用notepad++编辑的选项”，我们可以通过简单地修改注册表文件来增加这样的功能： 1、首先打开注册表，windows+ R运行，在运行窗口中输入regedit，进入注册表编辑器 2、在左边的导航中找到路径...：HKEY_CLASSES_ROOT*\shell 3、在shell上右键，新建项，命名为editwith notepad++ 4、在新建的项editwith notepad++上右键，然后新建一个项...command，新建了command之后选中command项会发现右边有相应的值，双击默认进行修改 5、双击默认后对其值进行修改，先写notepad++的路径，然后写上“%1”，点击确定，在任意文件上右键都会有

3.5K1 0

二阶牛顿插值在图像缩放中的应用

二阶牛顿插值作为一种有效的插值方法，因其在保持图像边缘清晰度和减少模糊效应方面的优势而被广泛应用于图像缩放中。本文将详细介绍二阶牛顿插值的基本原理、在图像缩放中的应用方法以及其效果评估。 1....二阶牛顿插值因其在处理图像时能够较好地保持边缘特征和减少细节模糊，成为了图像缩放中的一个研究热点。 2....二阶牛顿插值在图像缩放中的应用在图像缩放中，二阶牛顿插值可以用于计算新像素点的值。具体步骤如下： 3.1 水平方向插值首先，对原始图像进行水平方向的插值计算，以得到中间图像。...结论二阶牛顿插值因其在保持图像边缘清晰度和减少模糊效应方面的优势，在图像缩放中得到了广泛应用。实验结果表明，该方法在客观评价指标和主观视觉效果上均具有明显优势，是一种可行的图像缩放方法。...参考文献基于二阶牛顿插值的图像自适应缩放设计及实现牛顿插值法在图像处理中的运用一种基于牛顿二阶插值的图像缩放方法与流程

2.9K1 0

【QT】图形视图、动画框架

() //为图形项设置焦点 QGraphicsScene::focusItem() //获取当前获得焦点的图形项 QGraphicsScene::render() //将场景中的一部分渲染到绘图设备上...图形项支持如下功能：鼠标按下、移动、释放、双击、悬停、滚轮和右键菜单事件键盘输入焦点和键盘事件拖放事件分组，使用QGraphicsItemGroup通过parent-child关系来实现。...如果没有图像项，则为顶层图像项，其均会在场景的坐标系统中。所有的图像项都会使用确定的顺序来进行绘制，这个顺序也决定了单机场景时哪个图像项会先获得鼠标的输入。...一个图像项可以接收悬停事件，当鼠标进入它的区域之中时，它就会收到一个QGraphicsSceneHoverEnter事件，鼠标在图像项的区域移动时，QGraphicsScene就会向该图像项发送GraphicsSceneHoverLeave...该框架是通过控制Qt的属性来实现动画的，可以应用在窗口的部件和其他QOBject对象上，也可以应用在图像视图框架中。

4K3 0

PyQt5中使用图元实现高效绘制场景

通过使用 PyQt 的图形视图，您可以在 Python 中访问这个高性能的图形层。...三个组件的作用与角色都有不同的定位与使用方法。...其中QGraphicsScene可以看成是Model-View架构中的Model部分；QGraphicsView可以看成是Model-View架构中的View部分；每个Scene绑定到多个View、QGraphicsItem...QGraphicsScene主要的功能有以下： - 负责检测图元对象是否重叠跟交会 - 负责图元选择与编辑管理 - 负责查找与发现图元对象跟位置 - 负责接受信号事件并传递给图元 Qt图形视图框架使用...from PyQt5 import QtWidgets from PyQt5 import QtCore from PyQt5 import QtGui import cv2 as cv import

1.8K1 0

【Qt 绘图控件为什么选择graphicsview，其它绘图控件可以缩放移动吗？】

在 Qt 中，QGraphicsView 是一个强大的部件，它提供了一个可滚动的视图，用于显示 QGraphicsScene 中的内容。...QGraphicsView 支持用户与场景中的图形项进行交互，包括平移、缩放和旋转。这些交互功能是通过鼠标和键盘事件来实现的。...对于缩放，QGraphicsView 提供了 scale() 方法，允许你设置缩放因子。...例如，你可以通过鼠标滚轮事件来实现缩放功能： void MyView::wheelEvent(QWheelEvent *event) { int wheelValue = event->angleDelta...例如，你可以通过鼠标拖拽事件来实现移动功能： void MyView::mousePressEvent(QMouseEvent *event) { QPointF center = mapToScene

3571 0

电子发票合并工具，支持高铁，可合并多张，支持PDF文件 (保留电子印章)，图片文件 (PNGJPEGBMPTIFFGIF)

下载地址获取点击这里获取：发票合并工具使用流程第一步：添加文件添加方式：拖拽文件到窗口 (最简单)点击"添加文件..."...标准选择，平衡效果每页4张 - 紧凑排列，节省纸张高铁票布局 - 专为高铁票设计排列方向：竖版排列 (默认)横版排列其他选项：添加裁剪分割线 (可选)第三步：预览确认实时预览：自动显示合并效果鼠标滚轮缩放查看拖拽移动查看细节多页导航查看所有页面第四步...：生成文件保存选项： "仅合并生成PDF" - 保存文件"合并保存并打印" - 保存并打印image其余说明快速操作Ctrl+拖拽: 快速调整文件顺序双击预览: 重置缩放比例鼠标滚轮: 预览缩放右键文件...电子签章 (数字证书签名)电子印章 (可视化印章图像)时间戳印章 (带时间验证)企业公章 (官方电子印章)个人签名 (手写电子签名)可缩放实时预览 - 鼠标滚轮缩放、拖拽查看智能内存管理 - 自动优化、...高铁票动态优化文件拖拽 - 文件导入支持拖拽兼容支持格式支持: PDF、PNG、JPEG、BMP、TIFF、GIF系统支持: Windows 7/8/10/11 (32/64位)环境支持: Python 3.7+、PyQt5

2.6K1 0

在 Linux 上使用 gImageReader 从图像和 PDF 中提取文本

本上，OCR（光学字符识别）引擎可以让你从图片或文件（PDF）中扫描文本。默认情况下，它可以检测几种语言，还支持通过 Unicode 字符扫描。...因此，gImageReader 就来解决这点，它可以让任何用户使用它从图像和文件中提取文本。让我重点介绍一些有关它的内容，同时说下我在测试期间的使用经验。...将提取的文本导出为 .txt 文件跨平台（Windows）在 Linux 上安装 gImageReader 注意：你需要安装 Tesseract 语言包，才能从软件管理器中的图像/文件中进行检测。...gImageReader 使用经验当你需要从图像中提取文本时，gImageReader 是一个相当有用的工具。当你尝试从 PDF 文件中提取文本时，它的效果非常好。...也许当你进行扫描时，从文件中识别字符可能会更好。所以，你需要亲自尝试一下，看看它是否对你而言工作良好。我在 Linux Mint 20.1（基于 Ubuntu 20.04）上试过。

6.1K3 0

Qt Designer基本控件介绍——Display Widgets（显示小部件）

，希望在新窗口打开这个超链接时，setOpenExternalLinks特性必须设置为True，即setOpenExternalLinks（True） linkHovered：当鼠标指针滑过标签中嵌入的超链接时...，需要用槽函数与这个信号进行绑定详细使用示例可参考博客“PyQt5基本控件详解之QLabel（三）” Text Browser : 文本浏览框使用html就可以向Qtextbrowser里插入图片，...setCacheMode()：设置缓存模式，这个属性控制视图的哪一部分存储在缓存中，QGraphicsView可以预存一些内容在QPixmap中，然后被绘制到视口上，这样做的目的是加速整体区域重绘的速度...默认情况是在变换时保持视图的中心点不变。 scale()：缩放当前的视图。 rotate()：顺时针旋转当前视图。 translate()：平移当前的视图。...和Qt的应用中显示图形（包括2D和3D图形），在Designer中，该部件没有任何独有属性，都是继承的QWidget的属性。

10.1K2 0

【Java AWT 图形界面编程】使用鼠标滚轮放大缩小 Canvas 画布 ( 鼠标滚轮事件监听器 MouseWheelListener )

文章目录一、使用鼠标滚轮放大缩小 Canvas 画布 - 要点分析 1、鼠标滚轮事件 2、核心代码示例二、绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放示例 1、代码示例 2、效果展示一、使用鼠标滚轮放大缩小...Canvas 画布 - 要点分析 ---- 1、鼠标滚轮事件设置一个缩放比例 scale , 默认为 1.0 ; private double scale = 1.0; // 缩放比例，默认为...1.0 设置鼠标滚轮监听 , 在 Canvas 组件中 , 调用 addMouseWheelListener 函数 , 添加鼠标滚轮监听器 MouseWheelListener , 实现该监听器中的...// 绘制图形 } } 二、绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放示例 ---- 在【Java AWT 图形界面编程】Canvas 中绘制超大图片 ( 使用鼠标拖动查看全图...| 设置 JFrame 窗口自动关闭 | 获取并绘制图片 | 鼠标拖动计算位移 | 画布偏移 ) 博客中 , 绘制了超大图像 , 可以使用鼠标拖动 , 这里在上述基础上 , 新增鼠标滚轮缩放示例 ;

4.1K3 0

手把手教你用 Python 实现浪漫表白程序

生成照片墙，并缩放至 1000×806；然后运行 biu.py 启动宠物系统，通过邮件宠物运行整个程序，最终程序会慢慢完成，形成动态程序效果。...具体功能的形成分为以下几个部分介绍，最终代码也会免费放置文末的百度网盘中，供大家学习参考。...1.3 不规则窗口函数的建立主要使用 Qt.AvoidDither|Qt.ThresholdAlphaDither|Qt.ThresholdDither 参数实现不规则窗口。...控制窗口随之移动 2.5 鼠标移出和滚轮事件鼠标移出定义函数 leaveEvent，滚轮 wheelEvent。...2.6 鼠标右键事件鼠标移出定义函数contextMenuEvent，在右键菜单里通过cmenu.addAction加入标签。

2.7K3 0

在全志H618上用OpenCV读取图像显示到PyQt5窗口上

OpenCV能够处理图像、视频、深度图像等各种类型的视觉数据，在某些情况下，尽管OpenCV可以显示窗口，但PyQt5可能更适合用于创建复杂的交互式应用程序，而自带GPU的H618就成为了这些图像显示的最佳载体...这里分享一个代码，功能是使用图像处理库opencv从摄像头获取数据，缩放后从pyqt5的窗口中显示出来。...用Qt Designer画个窗口这里我在电脑上使用designer软件，创建一个Main Window类型窗体。从左边组件栏中拖出一个label放到窗口中间。...这里我是设置了QFrame启用了边框，QLabel中的texte属性控制显示的文本，QLabel中的alignment属性控制文本对齐方式。然后保存为.ui结尾的文件 2....这里我修改了鼠标点击后会被自动调用的mousePressEvent和窗口绘制时会被调用的paintEvent class WINDOW(QtWidgets.QMainWindow): def

3.1K1 0

OpenCV基础 | 3.numpy在图像处理中的基本使用

作者：小郭学数据源自：快学python 学习视频可参见python+opencv3.3视频教学基础入门今天写的是numpy在图像处理中的基本使用 1.获取图片高宽通道及图像反转 # 获取图片高宽通道及图像反转...函数执行前后滴答数之差与滴答频率之比为前后时间差 print("time: %s ms" % (time * 1000)) 默认输出时间为秒(s) 输出： time: 2870.7665066666664 ms 笔者使用的是...i5处理器调用opencv的API实现图像反转 #调用opencv的API实现图像反转 def inverse(image): dst = cv.bitwise_not(image) # 按位取反...，白变黑，黑变白 cv.imshow("inverse_demo", dst) 所用时间 time: 100.06570666666667 ms 能调用API的尽量使用API接口，提升效率...2.制作图像单通道和三通道图像制作代码如下： def create_image(): #单通道 img1=np.ones([400,400,1],np.uint8) img1=

3.3K1 0

窗口放大缩小图片后让图片某个矩形区域绘制跟随同步缩放

要求：有一个区域，当我手动在图像进行平移和缩放时候，绘制矩形区域要跟随图片一起绘制。...point, src_w, src_h, width, height): # 将图片位置转成绘制区域位置 print('真实图片宽src_w={},真实图片src_h={},缩放厚图片...w={},缩放后h={}'.format(src_w, src_h, width, height)) new_points = [] for p in self.points...painter.setPen(QPen(Qt.red, 2, Qt.SolidLine)) painter.drawRect(rect) main.py和shape.py处于同一个目录即可参考文献： PYQT5...实现图片显示、通过滚轮缩放图片、通过鼠标拖动图片移动，搞懂所有细节_python 生成可缩放可拖拽的图表_railvision的博客-CSDN博客

3340 0

节约时间，珍惜生命，手写一个验证码图片标注程序

做验证码图片的识别，不论是使用传统的ORC技术，还是使用统计机器学习或者是使用深度学习神经网络，都少不了从网络上采集大量相关的验证码图片做数据集样本来进行训练。...大量的时间浪费在了重复地进行鼠标右键重命名操作了。于是，使用Qt的Python封装包——PyQt5，编写了一个小工具，方便进行验证码图片的数据标注，节省时间，珍惜生命。程序的运行如下动图所示： ?...]) 然后，借助QImage()类实例化一个Qt的图像，在图像占位标签中通过setPixmap设置显示图像。...最终，我们实现的效果是，按住Ctrl+鼠标滚轮，滚轮向上，图片放大，滚轮向下，图片缩小。...这是通过重写鼠标滚轮事件来实现的： # 重写鼠标滚轮事件def wheelEvent(self, event): # 如果按住了Ctrl if event.modifiers() == QtCore.Qt.ControlModifier

2.1K2 0

点击加载更多

【Java AWT 图形界面编程】使用鼠标滚轮缩放 Canvas 画布中绘制的背景图像 ( 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心示例 )

在 React 中缩放、裁剪和缩放图像

【Java AWT 图形界面编程】使用小键盘按键缩放 Canvas 画布中绘制的背景图像 ( 键盘按键监听 + 绘制超大图像 + 鼠标拖动 + 鼠标滚轮缩放 + 以当前鼠标指针位置为缩放中心示例 )

在Swift中创建可缩放的图像视图

QT实现机器视觉最常用的图像查看器（源码）

在pyqt5中展示pyecharts生成的图像

在鼠标右键上加入使用notepad++编辑

二阶牛顿插值在图像缩放中的应用

【QT】图形视图、动画框架

PyQt5中使用图元实现高效绘制场景

【Qt 绘图控件为什么选择graphicsview，其它绘图控件可以缩放移动吗？】

电子发票合并工具，支持高铁，可合并多张，支持PDF文件 (保留电子印章)，图片文件 (PNGJPEGBMPTIFFGIF)

在 Linux 上使用 gImageReader 从图像和 PDF 中提取文本

Qt Designer基本控件介绍——Display Widgets（显示小部件）

【Java AWT 图形界面编程】使用鼠标滚轮放大缩小 Canvas 画布 ( 鼠标滚轮事件监听器 MouseWheelListener )

手把手教你用 Python 实现浪漫表白程序

在全志H618上用OpenCV读取图像显示到PyQt5窗口上

OpenCV基础 | 3.numpy在图像处理中的基本使用

窗口放大缩小图片后让图片某个矩形区域绘制跟随同步缩放

节约时间，珍惜生命，手写一个验证码图片标注程序

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐