0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

PyQT5中的QPainter类支持与图元支持实现图形绘制

OpenCV学堂 来源:OpenCV开发者联盟 2023-02-10 11:10 次阅读

引言

图形与图像绘制支持是一个GUI框架库的核心模块之一,从Java的Graphics2D到AndroidCanvas类支持到PyQT5中的QPainter类支持与图元支持,都很好的满足了GUI库的图形绘制与渲染需求。

QPainter类介绍

QPainter类是PyQT5中图形绘制类,支持圆、椭圆、矩形、圆角矩形、线段、文本、图像、多边形、弧形等常见几何形状的绘制与填充,支持颜色、旋转、状态复位、平移、错切等设置操作。所有的QWidget类都继承了paintEvent方法,绘制代码都应该在paintEvent方法中完成执行。一个典型的paintEvent方法绘制代码如下:

def paintEvent(self, paintEvent):
    painter = QPainter(self)
    painter.setPen(Qt.blue)
    painter.setFont(QFont("Arial", 30))
    painter.drawText(rect(), Qt.AlignCenter, "OpenCV学堂")
上述代码首先获取画笔,然后设置颜色与字体,最后绘制文本。通过用户创建Painter实例的方式绘制,绘制结束之后需要显式销毁,通过系统的painter绘制则无需这样,对比如下: 用户创建绘制
def paintEvent(self, paintEvent):
    p = QPainter()
    p.begin(self)
    p.drawLine(...)         # drawing code
    p.end()

调用系统绘制

def paintEvent(self, paintEvent):
    p = QPainter(self)
    p.drawLine(...)         # drawing code
所有绘制的函数支持都是draw开头,所有填充的函数都是fill开头,什么绘制与填充,请看下图:

1470c278-a8da-11ed-bfe3-dac502259ad0.png

综合代码演示

代码实现了绘制与填充不同的几何形状,支持不同颜色设置,线宽设置,风格设置等。运行结果如下图:

1492bf90-a8da-11ed-bfe3-dac502259ad0.png

添加上显示图像功能之后如下:

14b1a4a0-a8da-11ed-bfe3-dac502259ad0.png

相关自定义绘制类代码如下:

 1fromPyQt5importQtWidgets
 2fromPyQt5importQtGui
 3fromPyQt5importQtCore
 4importsys
 5
 6
 7classMyCustomCanvas(QtWidgets.QWidget):
 8def__init__(self):
 9super().__init__()
10print("createmycustomcanvas")
11
12defpaintEvent(self,event):
13painter=QtGui.QPainter(self)
14#设置为反锯齿
15painter.setRenderHint(QtGui.QPainter.Antialiasing)
16
17#填充黑色背景
18painter.fillRect(self.rect(),QtCore.Qt.black)
19
20#绘制图像
21pic=QtGui.QPixmap("test3.png")
22painter.drawPixmap(self.rect(),pic)
23
24#设置字体与颜色,绘制文本
25pen=QtGui.QPen(QtCore.Qt.green,5,QtCore.Qt.DashLine)
26painter.setPen(pen)
27font=QtGui.QFont()
28font.setBold(True)
29font.setPointSizeF(24)
30painter.setFont(font)
31painter.drawText(QtCore.QPoint(20,50),"OpenCV学堂")
32
33#5表示线宽
34pen=QtGui.QPen(QtCore.Qt.red,5,QtCore.Qt.DashLine)
35painter.setPen(pen)
36painter.drawLine(50,100,50,400)
37
38#绘制矩形
39pen=QtGui.QPen(QtCore.Qt.yellow,5,QtCore.Qt.DotLine)
40painter.setPen(pen)
41painter.drawRect(QtCore.QRect(100,100,200,200))
42painter.fillRect(100,100,200,200,QtCore.Qt.green)
43
44#绘制圆
45pen=QtGui.QPen(QtCore.Qt.red,5,QtCore.Qt.DotLine)
46painter.setPen(pen)
47
48#设置为填充模式
49painter.setBrush(QtGui.QBrush(QtCore.Qt.yellow,QtCore.Qt.SolidPattern))
50
51#直接绘制
52painter.drawEllipse(QtCore.QRect(300,300,150,150))
53
54#贝塞尔曲线
55painter.setBrush(QtGui.QBrush(QtCore.Qt.red,QtCore.Qt.SolidPattern))
56self.drawBezierCurve(painter)
57
58defdrawBezierCurve(self,qp):
59path=QtGui.QPainterPath()
60path.moveTo(450,100)
61path.cubicTo(450,100,550,200,450,350)
62qp.drawPath(path)






审核编辑:刘清

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • JAVA
    +关注

    关注

    19

    文章

    2967

    浏览量

    104738
  • GUI
    GUI
    +关注

    关注

    3

    文章

    660

    浏览量

    39668
  • pyqt5
    +关注

    关注

    0

    文章

    25

    浏览量

    3400

原文标题:PyQT5开发之自定义QWegdit实现图形绘制

文章出处:【微信号:CVSCHOOL,微信公众号:OpenCV学堂】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    可视可交互!H618上用OpenCV读取图像显示到PyQt5窗口上

    pyqt5窗口1. 用Qt Designer画个窗口 这里我在电脑上使用designer软件,创建一个Main Window类型窗体。从左边组件栏拖出一个label放到窗口中间。点一下放在窗口中的label
    发表于 01-10 09:55

    在全志H616核桃派开发板上部署PyQt5的信号与槽详解

    机制主要就是给QObject对象(控件和窗口)使用,发送者发出的信号可以理解成是动作(点击),接收者接收到信号后执行相应的槽函数(关闭窗口)。 PyQt5信号与槽特点: 一个信号可以发送给多个槽
    发表于 05-13 10:10

    PyQt

    PyQt是一个创建GUI应用程序的工具包。它是Python编程语言和Qt库的成功融合。Qt库是目前最强大的库之一。PyQt实现了一个Python模块集。它有超过300,将近6000个
    发表于 04-14 10:26

    【Firefly RK3399试用体验】第二篇:PyQt5大战点灯

    ;/sys/class/leds/ firefly:yellow:use/brightness//黄灯亮之后对PyQt5的安装做一下介绍,ubuntu的包管理安装PyQt5时会自动安装依赖的Python等
    发表于 06-12 07:49

    【Firefly RK3399试用体验】PyQt5信号检测系统(结项)

    是RK3399上PyQt显示的内部通道波形的FFT由于手里没有信号源等啥设备,只好用直流电压进行测试,channel0,如下所示接下来重点阐述PyQt5部分设计,PyQt5部分涉及到网口通信部分我
    发表于 07-13 12:55

    主要介绍绘图QPainter

    Qt开发技术:Qt绘图系统(二)前话 红胖子,来也! Qt的图形绘制系统,本篇主要介绍绘图QPainter。绘图:QPainter
    发表于 07-26 07:39

    利用PyQt5编辑软件界面的简单步骤

    的操作以及利用PyQt5编辑软件界面的简单步骤。实现难度不大,但需要运行第二线程运行输出脉冲的程序。 首先,推荐一下PyQt5和Eric6的学习资料...
    发表于 09-16 07:48

    如何使用Python配合PyQT5模块来开发图形化应用程序

    By Toradex秦海1).简介随着Python在互联网人工智能领域的流行,大家也慢慢感受到Python开发的便利,本文就基于嵌入式ARM平台,介绍使用Python配合PyQT5模块来开发图形
    发表于 12-24 06:41

    鲁班猫0 ubuntu20 解决python3.10安装pyqt5

    前面用pip install pyqt5,总是安装不成功。经查阅资料,最后用:udo apt install python3-pyqt5成功安装cat@lubancat:~$
    发表于 04-09 11:04

    Python PyQt5工具在Windows平台上的安装方法

    Python PyQt5工具安装步骤:1. 安装Python3.4.1,默认安装路径:C:\Python34;2. 安装PyQt5,会根据Python的安装路径自动进行安装,不需要修改;3. 测试安装是否成功。创建一个py文件,写入以下代码,运行后弹出widget窗口就说
    发表于 02-13 10:45 2601次阅读

    PyQt5的中文教程电子书免费下载

     本教程的目的是带领你入门PyQt5。教程内所有代码都在Linux上测试通过。PyQt4 教程是PyQt4的教程,PyQt4是一个Python(同时
    发表于 08-06 08:00 18次下载
    <b class='flag-5'>PyQt5</b>的中文教程电子书免费下载

    OpenCV+PyQT5开发桌面应用几个重要的坑与解决

    大概去年八月份的时候,我打算用OpenCV+PyQT5开发一套OpenCV教学演示与快速验证桌面软件,说实话那个时候我对PyQT5的理解就是Hello World水平。经过一年多开发锤炼,不断实践
    的头像 发表于 12-13 11:55 1696次阅读

    请问PyQT5是如何构建YOLOv8界面应用程序的

    PyQT5引用OpenMV2023版本支持SDK,实现二次开发使用。OpenMV算法层已经开放SDK调用支持,从图像处理、分析、测量到深
    的头像 发表于 02-14 17:07 1507次阅读

    使用pycharm开发上位机配置pyqt5的环境

    在上位机的开发过程,使用QT的图形化界面,是开发上位机最好最简单的选择,因此我将讲述配置pyqt5的环境。 软件安装: 安装:pycharm的社区2021.02版 QT(安装参考https
    发表于 05-29 16:12 0次下载
    使用pycharm开发上位机配置<b class='flag-5'>pyqt5</b>的环境

    基于PyQT5与ONNXRUNTIME实现风格迁移应用

    2023年一月份跟二月份创建了一个PyQT5人工智能软件开发系列的文章系列,过去的两个月都没怎么更新,心里一直想有时间继续更新下去,今天又更新了一篇,基于PyQT5实现多线程、界面化、风格迁移模型的实时推理。
    的头像 发表于 10-25 10:35 523次阅读
    基于<b class='flag-5'>PyQT5</b>与ONNXRUNTIME<b class='flag-5'>实现</b>风格迁移应用