PyQt5 在PyQt5中绘制位于图像之上，跟踪鼠标移动的示例

在本文中，我们将介绍如何使用PyQt5在图像之上绘制，并跟踪鼠标的移动。PyQt5是一个强大的Python库，提供了丰富的图形界面开发工具。我们将使用它的绘图功能来实现这个示例。

阅读更多：PyQt5 教程

PyQt5简介

PyQt5是一个Python库，用于创建跨平台的桌面应用程序。它基于Qt库，Qt是用C++编写的跨平台应用程序框架。使用PyQt5，我们可以创建漂亮而功能强大的图形用户界面。

准备工作

首先，我们需要安装PyQt5库。可以使用pip命令来安装：

pip install pyqt5

还需要安装Pillow库，用于处理图像：

pip install pillow

加载图像

我们将从加载图像开始。在这个示例中，我们将使用一张简单的图片作为背景。首先，我们需要导入必要的库：

from PyQt5.QtWidgets import QApplication, QWidget, QLabel
from PyQt5.QtGui import QPixmap

然后，我们可以创建一个QWidget窗口，以及一个QLabel标签来显示图像：

app = QApplication([])
window = QWidget()

label = QLabel(window)
pixmap = QPixmap('background.jpg')
label.setPixmap(pixmap)
window.show()

在上面的代码中，我们创建了一个QWidget窗口，并在窗口上放置了一个QLabel标签。然后，我们使用QPixmap加载了一张图片作为背景，并将其设置为标签的图像。

绘制图形

接下来，我们将介绍如何在图像之上绘制图形。为此，我们需要使用QPainter类。首先，我们需要导入QPainter和QPen：

from PyQt5.QtGui import QPainter, QPen

然后，我们需要在QWidget窗口上重写paintEvent()函数，在函数中进行绘制操作：

def paintEvent(self, event):
    painter = QPainter(self)

    pen = QPen()
    pen.setWidth(2)
    pen.setColor(Qt.red)
    painter.setPen(pen)

    # 在此处进行绘制操作

    painter.end()

在上面的代码中，我们创建了一个QPainter对象，并设置了绘制的属性。然后，我们可以在paintEvent()函数中进行绘制操作。绘制完成后，我们需要调用painter.end()来结束绘制过程。

跟踪鼠标移动

最后，我们将实现跟踪鼠标的移动，并在图像之上绘制轨迹。为此，我们需要捕获鼠标移动事件，并在事件处理函数中进行相应的操作。首先，我们需要导入QMouseEvent：

from PyQt5.QtGui import QMouseEvent

然后，我们可以在QWidget窗口上重写mouseMoveEvent()函数：

def mouseMoveEvent(self, event: QMouseEvent):
    pos = event.pos()
    # 在此处实现相应的操作

在上面的代码中，我们通过event.pos()获取鼠标的当前位置。然后，我们可以根据需要在图像之上绘制轨迹。

示例

下面是一个完整的示例代码：

from PyQt5.QtWidgets import QApplication, QWidget, QLabel
from PyQt5.QtGui import QPixmap, QPainter, QPen, QMouseEvent
from PyQt5.QtCore import Qt

class MyWindow(QWidget):
    def __init__(self):
        super().__init__()

        self.initUI()

    def initUI(self):
        # 加载图片
        self.label = QLabel(self)
        pixmap = QPixmap('background.jpg')
        self.label.setPixmap(pixmap)

        self.setGeometry(100, 100, pixmap.width(), pixmap.height())
        self.setWindowTitle('Drawing on Image')
        self.setMouseTracking(True)

    def paintEvent(self, event):
        painter = QPainter(self)

        pen = QPen()
        pen.setWidth(2)
        pen.setColor(Qt.red)
        painter.setPen(pen)

        # 在鼠标移动轨迹上绘制线段
        for point in self.points:
            painter.drawLine(point[0], point[1], point[2], point[3])

        painter.end()

    def mouseMoveEvent(self, event: QMouseEvent):
        pos = event.pos()
        if hasattr(self, "points"):
            # 添加当前和上一个点的坐标到点列表
            self.points.append([self.prevPos.x(), self.prevPos.y(), pos.x(), pos.y()])
        else:
            # 创建一个新的点列表
            self.points = []

        self.prevPos = pos
        self.update()

if __name__ == '__main__':
    app = QApplication([])
    window = MyWindow()
    window.show()
    app.exec()

在上述代码中，我们创建了一个MyWindow类，继承自QWidget，并重写了initUI()、paintEvent()和mouseMoveEvent()函数。在initUI()函数中，我们加载了一张图片，并设置鼠标跟踪为True。在paintEvent()函数中，我们绘制了所有鼠标移动的轨迹线段。在mouseMoveEvent()函数中，我们实时更新鼠标的位置，并将当前点和上一个点的坐标添加到点列表中。