tkinter canvas绘图全攻略(图形项、配置参数和案例详解)

正在尝试着做一个比较完善的画图软件，计划使用tkinter库中的canvas控件来做，然后正在攻关canvas控件的相关知识，因此作为这个画图软件的附带产出物，整理成了本篇博文，分享给大家，一起研究研究，期待能对你工作带来启发和帮助。

不忘初心，方得始终，让我们一起共勉！

好的，言归正传，回归本篇博文的主题：tkinter canvas绘图全攻略(图形项、配置参数和案例详解)

Tkinter提供了Canvas 控件来实现绘图，在 Canvas 中可以绘制直线、矩形、椭圆等各种几何图形，也可绘制图片、文字、UI 组件（如 Button）等。Canvas 允许重新改变这些图形的属性，比如改变其坐标、外观、大小、位置等。

（一）图形绘制

Canvas 组件的用法与其他 GUI 组件一样简单，程序只要创建并添加 Canvas 组件，然后调用该组件的方法来绘制图形即可。

from tkinter import *
root =Tk()
root.title('我的第一个canvas窗口')
cv =Canvas(root,width=500,height=500)
cv.pack(fill=BOTH, expand=YES)
oval1 = cv.create_oval(100,100,300,300,outline='yellow',# 边框颜色fill='pink',# 填充颜色width=4# 边框宽度
)
print(oval1)
root.mainloop()

运行效果如下：

Canvas 提供了 create_oval() 方法绘制椭圆（包括圆，圆是椭圆的特例）。 实际上，Canvas 还提供了如下方法来绘制各种图形：

create_rectangle() ：绘制矩形

create_arc：绘制弧。

create_bitmap：绘制位图。

create_image：绘制图片。

create_line()：绘制直线。

create_polygon：绘制多边形。

create_text：绘制文字。

create_window：绘制组件。

在绘制这些图形时可指定如下属性选项进行更丰富的控件配置：

fill：指定填充颜色。如果不指定该选项，默认不填充。

outline：指定边框颜色。

width：指定边框宽度。如果不指定该选项，边框宽度默认为 1。

dash：指定边框使用虚线。该属性值既可为单独的整数，用于指定虚线中线段的长度；也可为形如（5,2,3）格式的元素，此时5 指定虚线中线段的长度，2 指定间隔长度，3 指定虚线长度……依此类推。

stipple：使用位图平铺进行填充。该选项可与 fill 选项结合使用，fill 选项用于指定位图的颜色。

style：指定绘制弧的样式。该选项仅对 create_arc 方法起作用。该选项支持 PIESLICE（扇形）、CHORD（弓形）、ARC（仅绘制弧）选项值。

start：指定绘制弧的起始角度。该选项仅对 create_arc 方法起作用。

extent：指定绘制弧的角度。该选项仅对 create_arc 方法起作用。

arrow：指定绘制直线时两端是否有箭头。该选项支持 NONE（两端无箭头）、FIRST（开始端有箭头）、LAST（结束端有箭头）、BOTH（两端都有箭头）选项值。

arrowshape：指定箭头形状。该选项是一个形如 "20 20 10" 的字符串，字符串中的三个整数依次指定填充长度、箭头长度、箭头宽度。

joinstyle：指定直接连接点的风格。仅对绘制直线和多向形有效。该选项支持 METTER、ROUND、BEVEL 选项值。 • anchor：指定绘制文字、GUI 组件的位置。该选项仅对 create_text()、create_window() 方法有效。

justify：指定文字的对齐方式。该选项支持 CENTER、LEFT、RIGHT 常量值，该选项仅对 create_text 方法有效。

基于上面的选项，抽取了几个配置项，然后演示一个略微复杂的案例（大家也可以自行进行参数修改，查看运行效果）。

from tkinter import *
root =Tk()
root.title('我的第二个canvas窗口（绘制矩形）')
cv =Canvas(root,width=780,height=160,background='white')
cv.pack(fill=BOTH, expand=YES)columnFont =('微软雅黑',18)
# 使用循环绘制文字
for i, st in enumerate(['默认选项','指定边宽','指定填充','边框颜色','位图填充']):cv.create_text((50+ i *140,30),text = st,font = columnFont,fill='gray',anchor = W,justify = LEFT)options =[(None, None, None, None),
(4, None, None, None),
(4,'pink', None, None),
(4,'pink','blue', None),
(4,'pink','blue','error')]
# 采用循环绘制5个矩形
for i, op in enumerate(options):cv.create_rectangle(50+ i *140,60,160+ i *140,120,width = op[0],# 边框宽度fill = op[1],# 填充颜色outline = op[2],# 边框颜色stipple = op[3])# 使用位图填充root.mainloop()

运行效果如下：

二、不只是静态的图形

在 Canvas 中通过 create_xxx 方法绘制图形项之后，这些图形项井不是完全静态的图形，每个图形项都是一个独立的对象，程序完全可以动态地修改、删除这些图形项。

为了修改、删除这些图形项，程序需要先获得这些图形项的引用。

获得这些图形项的引用有两种方式：

1.通过图形项的 id，也就是 Canvas 执行 create_xxx() 方法的返回值。一般来说，create_xxx() 会依次返回 1、2、3 等整数作为图形项的 id。

2.通过图形项的 tag（标签）。

（一）TAG图形项配置

程序完全可以根据 tag 来新增、修改、获取或者操作图形项。

1、增加图形项：

addtag_all(self, newtag)：为所有图形项添加新 tag。

addtag_closest(self, newtag, x, y)：为和 x、y 点最接近的图形项添加新 tag。

addtag_enclosed(self, newtag, x1, y1, x2, y2)：为指定矩形区域内最上面的图形项添加新tag。其中 x1、y1 确定矩形区域的左上角坐标；x2、y2 确定矩形区域的右下角坐标。

addtag_withtag(self, newtag, tagOrId)：为 tagOrId 对应图形项添加新 tag。

2、删除图形项：

dtag(self, *args)：删除指定图形项的tag。

3、获取图形项：

gettags(self, *args)：获取指定图形项的所有tag。

find_withtag(self, tagOrId)：获取tagOrId 对应的所有图形项。

4、操作图形项

在 Canvas 中获取图形项之后，接下来可通过 Canvas 提供的大量方法来操作图形项。

Canvas 以“堆叠”的形式来管理这些图形项，先绘制的图形项位于“堆叠”的下面，后绘制的图形项位于“堆叠”的上面。因此，如果两个图形项有重叠的部分，那么后绘制的图形项（位于上面）会遮挡先绘制的图形项。

总结起来，Canvas 提供了如下方法在图形项“堆叠”中查找图形项：

find_all(self)：返回全部图形项。

find_closest(self, x, y)：返回和 x 、y 点最接近的图形项。

find_enclosed(self, x1, y1, x2, y2)：返回位于指定矩形区域内最上面的图形项。

find_overlapping(self, x1, y1, x2, y2)：返回与指定矩形区域重叠的最上面的图形项。

find_withtag(self, tagOrId)：返回 tagOrId 对应的全部图形项。

如果程序希望获取或修改图形项的选项，则可通过 Canvas 的如下方法来操作：

itemcget(self, tagOrId, option)：获取tagOrId 对应图形项的option 选项值。

itemconfig(self, tagOrId, cnf=None, **kw)：为tagOrId 对应图形项配置选项。

itemconfigure(self, tagOrId, cnf=None, **kw)：该方法与上一个方法完全相同。

Canvas 提供了如下方法来改变图形项的大小和位置：

coords(self, *args)：重设图形项的大小和位置。

move(self, *args)：移动图形项，但不能改变大小。简单来说，就是在图形项的 x、y 基础上加上新的 mx、my 参数。

scale(self, *args)：缩放图形项。该方法的 args 参数要传入 4 个值，其中前两个值指定缩放中心；后两个值指定 x、y 方向的缩放比。

（二）图形操作和事件响应

通过获取图形项的 id或者tag（标签），最大的目的就是可以对canvas上的图形获取到其引用，然后可以进行后续的相关操作（如改变图形的大小、进行移动、修改颜色等属性），但是具体如何操作，主要是根据我们自行设置的响应函数或者自带的默认响应函数相关，而且必须进行事件响应绑定。Canvas 提供了一个 tag_bind() 方法，该方法用于为指定图形项绑定事件处理函数或方法，这样图形项就可以响应用户动作了。

这里提供两个案例告诉大家如何操作tag_bind()方法进行事件绑定响应的。

案例一：矩形框事件响应

from tkinter import *
from tkinter import messageboxdef test(event):messagebox.showinfo(message='你点击了矩形框！')root =Tk()
root.title('我的第三个canvas窗口（tag_bind()绑定事件')
cv =Canvas(root,bg ='white')
cv.pack()
cv.create_rectangle(30,30,220,150,width =8,outline='red',# 边框颜色tags =('r1'),fill='pink')
# 为指定图形项的左键单击事件绑定处理函数
cv.tag_bind('r1','<Button-1>', test)
root.mainloop()

具体运行效果如下：

案例二：canvas图形框大小随着窗口变化而动态变化

from tkinter import *def on_resize(event):# determine the ratio of old width/height to new width/heightwscale = float(event.width) / cv.winfo_reqwidth()hscale = float(event.height) / cv.winfo_reqheight()cv.config(width=event.width,height=event.height)cv.scale("all", 0, 0, wscale, hscale)root =Tk()
root.title('我的第三个canvas窗口(resize窗口)')
cv =Canvas(root,width=500,height=500, highlightthickness=0)
cv.pack(fill=BOTH, expand=YES)
oval1 = cv.create_oval(150,150,350,350,outline='yellow',# 边框颜色fill='pink',# 填充颜色width=4# 边框宽度
)cv.addtag_all("all")
cv.bind("<Configure>", on_resize)root.mainloop()

具体运行效果如下：

好的，这篇博文写完了，主要是对canvas的基础知识进行介绍，canvas控件功能很强大，后续的绘图软件将会使用到上述的技术进行建设，敬请期待和关注！也欢迎关注我的公众号（俊哥随笔），一起共同成长！

tkinter canvas绘图全攻略(图形项、配置参数和案例详解)相关推荐

[RHEL5企业级Linux服务攻略]--第6季 Vsftpd服务全攻略之常规配置
1.vsftpd服务软件包 vsftpd-2.0.5-10.el5.i386.rpm:vsftpd主程序包 2.vsftpd相关文档 /etc/vsftpd/vsftpd.conf:vsftpd的核心 ...
[RHEL5企业级Linux服务攻略]--第5季 Sendmail服务全攻略之高级配置
企业环境公司邮件服务器,统一为员工设置企业邮箱,公司业务以销售为主,员工数量为300人并办公地点不固定.员工收发邮件一般较小,大部分为产品信息及销售报表.为了减少邮件服务器负荷,提高邮件传输效率,需 ...
[RHEL5企业级Linux服务攻略]--第6季 Vsftpd服务全攻略之高级配置
企业环境公司为了宣传最新的产品信息,计划搭建FTP服务器,为客户提供相关文档的下载.对所有权互联网开放共享目录,允许下载产品信息,禁止上传.公司的合作单位能够使用FTP服务器进行上传和下载,但不可以 ...
Linux全攻略--MySQL数据库配置与管理
MySQL是一种精巧的,多用户和多线程的中小型SQL数据库系统,由一个服务器守护进程mysqld和很多不同的客户程序和库组成.现在形成了一个"Linux+Apache+PHP+MySQL&q ...
[RHEL5企业级Linux服务攻略]--第9季 Squid服务全攻略之高级配置
企业环境公司搭建一台代理服务器,需要提高内网访问互联网速度并能够对内部员工的上网行为进行限制,采用squid代理服务器软件,对内部网络进行优化. 需求分析提高用户访问速度,需要对squid服务器进 ...
mysql linux附加数据库文件夹,Linux全攻略--MySQL数据库配置与管理
MySQL是一种精巧的,多用户和多线程的中小型SQL数据库系统,由一个服务器守护进程mysqld和很多不同的客户程序和库组成.现在形成了一个"Linux+Apache+PHP+MySQL&q ...
缺氧游戏不给计算机加水,缺氧中的物理学攻略温度/装饰/水压/热导图文详解...
瓷砖--水压我们知道缺氧这个游戏有水啊气体啊,就会有水压气压之类.气压不会压坏东西,但是水压就会压坏东西了. 我们先来测定一下一格究竟可以承受多大的水压. 通过图片可知,一格的水压极限是1100. ...
绘图的尺寸_AutoCAD新功能：参数化绘图，绘制看似简单，实际复杂，案例详解...
虽然很熟悉 CAD 软件的使用,但是对于CAD参数化绘图功能并不了解,甚至不知道.随着 CAD 版本的不断更新,功能越来越完善和强大,从AutoCAD2010 版本开始,增加了一个支持利用约束条件绘制 ...
四川大学2019计算机考研,四川大学考研全攻略篇（各学院2019年考研详解、报考建议...）...
原标题:四川大学考研全攻略篇(各学院2019年考研详解.报考建议...) 哈喽大家好,我是呱喵VX公主号[考研顶呱呱]的呱喵,院校专业大揭秘.高性价比院校专业推荐.最新报录比不断更新,我为自己带盐^_ ...
双重差分模型python包_开学礼包：如何使用双重差分法的交叉项（迄今最全攻略）...
原标题:开学礼包:如何使用双重差分法的交叉项(迄今最全攻略) 秋风送爽,学期伊始.本号为计量小伙伴们送上一个开学小礼包:如何使用双重差分法的交叉项(迄今最全攻略). 双重差分法(Difference- ...

tkinter canvas绘图全攻略(图形项、配置参数和案例详解)

tkinter canvas绘图全攻略(图形项、配置参数和案例详解)相关推荐

最新文章

热门文章