使用label添加图片

  1. pix = QPixmap("./data/xxx.png")
  2. self.label.setPixmap(pix)

graphicsView 空间实现图片放大缩小平移等操作

  1. class IMG_WIN(QtWidgets.QWidget):
  2.     def __init__(self,graphicsView):
  3.         super().__init__()
  4.         self.graphicsView=graphicsView
  6.         # self.graphicsView.setStyleSheet("padding: 0px; border: 0px;")  # 内边距和边界去除
  7.         self.scene = QtWidgets.QGraphicsScene(self)
  8.         self.graphicsView.setAlignment(QtCore.Qt.AlignLeft | QtCore.Qt.AlignTop)  # 改变对齐方式
  10.         self.graphicsView.setSceneRect(0, 0, self.graphicsView.viewport().width(),
  11.                                           self.graphicsView.height())  # 设置图形场景大小和图形视图大小一致
  12.         self.graphicsView.setScene(self.scene)
  14.         self.scene.mousePressEvent = self.scene_MousePressEvent  # 接管图形场景的鼠标点击事件
  15.         # self.scene.mouseReleaseEvent = self.scene_mouseReleaseEvent
  16.         self.scene.mouseMoveEvent = self.scene_mouseMoveEvent    # 接管图形场景的鼠标移动事件
  17.         self.scene.wheelEvent = self.scene_wheelEvent            # 接管图形场景的滑轮事件
  19.         self.ratio = 1  # 缩放初始比例
  20.         self.zoom_step = 0.1  # 缩放步长
  21.         self.zoom_max = 2  # 缩放最大值
  22.         self.zoom_min = 0.2  # 缩放最小值
  23.         self.pixmapItem=None
  25.     def addScenes(self,img):  # 绘制图形
  26.         self.org = img
  27.         if self.pixmapItem != None:
  28.             originX = self.pixmapItem.x()
  29.             originY = self.pixmapItem.y()
  30.         else:
  31.             originX, originY = 0, 0  # 坐标基点
  33.         self.scene.clear()    # 清除当前图元
  34.         img = cv2.cvtColor(img, cv2.COLOR_BGR2RGB)  # opencv读取的bgr格式图片转换成rgb格式
  35.         self.pixmap = QtGui.QPixmap(
  36.             QtGui.QImage(img[:], img.shape[1], img.shape[0], img.shape[1] * 3,
  37.                          QtGui.QImage.Format_RGB888))  # 转化为qlbel格式
  39.         self.pixmapItem = self.scene.addPixmap(self.pixmap)
  40.         self.pixmapItem.setScale(self.ratio)  # 缩放
  41.         self.pixmapItem.setPos(originX, originY)
  43.     def scene_MousePressEvent(self, event):
  44.         if event.button() == QtCore.Qt.LeftButton:  # 左键按下
  45.             print("鼠标左键单击")  # 响应测试语句
  46.             print("scenePos: ",event.scenePos())
  47.             # 获取图片的原始像素
  48.             origin_x = (event.scenePos().x() - self.pixmapItem.x())/self.ratio
  49.             origin_y = (event.scenePos().y() - self.pixmapItem.y())/self.ratio
  51.             print("originPos: ",origin_x,",",origin_y)
  53.             self.preMousePosition = event.scenePos()  # 获取鼠标当前位置
  54.         # if event.button() == QtCore.Qt.RightButton:  # 右键按下
  55.         #     print("鼠标右键单击")  # 响应测试语句
  57.     def scene_mouseMoveEvent(self, event):
  58.         if event.buttons() == QtCore.Qt.LeftButton:
  59.             # print("左键移动")  # 响应测试语句
  60.             self.MouseMove = event.scenePos() - self.preMousePosition  # 鼠标当前位置-先前位置=单次偏移量
  61.             self.preMousePosition = event.scenePos()  # 更新当前鼠标在窗口上的位置，下次移动用
  62.             self.pixmapItem.setPos(self.pixmapItem.pos() + self.MouseMove)  # 更新图元位置
  64.         # 定义滚轮方法。当鼠标在图元范围之外，以图元中心为缩放原点；当鼠标在图元之中，以鼠标悬停位置为缩放中心
  65.     def scene_wheelEvent(self, event):
  66.         angle = event.delta() / 8  # 返回QPoint对象，为滚轮转过的数值，单位为1/8度
  67.         if angle > 0:
  68.             # print("滚轮上滚")
  69.             self.ratio += self.zoom_step  # 缩放比例自加
  70.             if self.ratio > self.zoom_max:
  71.                 self.ratio = self.zoom_max
  72.             else:
  73.                 w = self.pixmap.size().width() * (self.ratio - self.zoom_step)
  74.                 h = self.pixmap.size().height() * (self.ratio - self.zoom_step)
  75.                 x1 = self.pixmapItem.pos().x()  # 图元左位置
  76.                 x2 = self.pixmapItem.pos().x() + w  # 图元右位置
  77.                 y1 = self.pixmapItem.pos().y()  # 图元上位置
  78.                 y2 = self.pixmapItem.pos().y() + h  # 图元下位置
  79.                 if event.scenePos().x() > x1 and event.scenePos().x() < x2 \
  80.                         and event.scenePos().y() > y1 and event.scenePos().y() < y2:  # 判断鼠标悬停位置是否在图元中
  81.                     # print('在内部')
  82.                     self.pixmapItem.setScale(self.ratio)  # 缩放
  83.                     a1 = event.scenePos() - self.pixmapItem.pos()  # 鼠标与图元左上角的差值
  84.                     a2=self.ratio/(self.ratio- self.zoom_step)-1    # 对应比例
  85.                     delta = a1 * a2
  86.                     self.pixmapItem.setPos(self.pixmapItem.pos() - delta)
  87.                     # ----------------------------分维度计算偏移量-----------------------------
  88.                     # delta_x = a1.x()*a2
  89.                     # delta_y = a1.y()*a2
  90.                     # self.pixmapItem.setPos(self.pixmapItem.pos().x() - delta_x,
  91.                     #                        self.pixmapItem.pos().y() - delta_y)  # 图元偏移
  92.                     # -------------------------------------------------------------------------
  94.                 else:
  95.                     # print('在外部')  # 以图元中心缩放
  96.                     self.pixmapItem.setScale(self.ratio)  # 缩放
  97.                     delta_x = (self.pixmap.size().width() * self.zoom_step) / 2  # 图元偏移量
  98.                     delta_y = (self.pixmap.size().height() * self.zoom_step) / 2
  99.                     self.pixmapItem.setPos(self.pixmapItem.pos().x() - delta_x,
  100.                                            self.pixmapItem.pos().y() - delta_y)  # 图元偏移
  101.         else:
  102.             # print("滚轮下滚")
  103.             self.ratio -= self.zoom_step
  104.             if self.ratio < 0.2:
  105.                 self.ratio = 0.2
  106.             else:
  107.                 w = self.pixmap.size().width() * (self.ratio + self.zoom_step)
  108.                 h = self.pixmap.size().height() * (self.ratio + self.zoom_step)
  109.                 x1 = self.pixmapItem.pos().x()
  110.                 x2 = self.pixmapItem.pos().x() + w
  111.                 y1 = self.pixmapItem.pos().y()
  112.                 y2 = self.pixmapItem.pos().y() + h
  113.                 # print(x1, x2, y1, y2)
  114.                 if event.scenePos().x() > x1 and event.scenePos().x() < x2 \
  115.                         and event.scenePos().y() > y1 and event.scenePos().y() < y2:
  116.                     # print('在内部')
  117.                     self.pixmapItem.setScale(self.ratio)  # 缩放
  118.                     a1 = event.scenePos() - self.pixmapItem.pos()  # 鼠标与图元左上角的差值
  119.                     a2=self.ratio/(self.ratio+ self.zoom_step)-1    # 对应比例
  120.                     delta = a1 * a2
  121.                     self.pixmapItem.setPos(self.pixmapItem.pos() - delta)
  122.                     # ----------------------------分维度计算偏移量-----------------------------
  123.                     # delta_x = a1.x()*a2
  124.                     # delta_y = a1.y()*a2
  125.                     # self.pixmapItem.setPos(self.pixmapItem.pos().x() - delta_x,
  126.                     #                        self.pixmapItem.pos().y() - delta_y)  # 图元偏移
  127.                     # -------------------------------------------------------------------------
  128.                 else:
  129.                     # print('在外部')
  130.                     self.pixmapItem.setScale(self.ratio)
  131.                     delta_x = (self.pixmap.size().width() * self.zoom_step) / 2
  132.                     delta_y = (self.pixmap.size().height() * self.zoom_step) / 2
  133.                     self.pixmapItem.setPos(self.pixmapItem.pos().x() + delta_x, self.pixmapItem.pos().y() + delta_y)
  1. # 继承类
  2. self.graphic=IMG_WIN(self.graphicsView)
  3. # 绑定按钮事件
  4. self.pushButton_2.clicked.connect(self.select_img)
  7. # 事件函数
  8. def select_img(self):
  9.     img = cv2.imread("./data/triangle.png")
  10.     self.graphic.addScenes(img)

实现点击获取原始像素和graphicsView的像素

在scene_MousePressEvent事件函数中

  1. def scene_MousePressEvent(self, event):
  2.     if event.button() == QtCore.Qt.LeftButton:  # 左键按下
  3.         print("鼠标左键单击")  # 响应测试语句
  4.         print("scenePos: ",event.scenePos())
  5.         # 获取图片的原始像素
  6.         origin_x = (event.scenePos().x() - self.pixmapItem.x())/self.ratio
  7.         origin_y = (event.scenePos().y() - self.pixmapItem.y())/self.ratio

参考链接：

https://blog.csdn.net/weixin_44821251/article/details/106290132

源文件：