Canvas,中文意为画布,在Tkinter模块中对应的是一片矩形区域,给使用者提供绘图的空间,可以把图形、文本、椭圆或按钮等组件放在画布上,也可以进行图案的绘画、
在使用Canvas组件之前我们要先来学习一下它对应的屏幕坐标系。
计算机中的图像我们一般用像素来作单位,每个像素会有2个值,我们在Canvas组件中,对应的窗口左上方的坐标为(0,0),也就是说在平面直角坐标系中对应的x轴和y轴都为0,窗口右下角的坐标为距离x轴和Y轴的两个最大值,如图:
我们在Canvas画布中放置组件的时候,一定要保证组件坐标的正确。
Canvas的语法结构为:
my_canvas=Canvas(父类,可选项)
父类即为我们放置的上一层窗口名,可选项有bd、bg、continue、cursor、height、width、highlightcolor、relief、scrollregion等,这些选项在前面都有介绍,在这里就不作过多的讲解。
Canves组件绘制图形的方法有多种,分别有create_line、create_rectangle、create_oval、create_arc、create_polygon,我们下面进行一一介绍。
语法格式如下:
canvas.create_line(x1,y1,x2,y2,...,xn,yn,options)
我们可以通过这种方法在画布上的两个或者n个点之间画出一条直线,前两个坐标(x1,y1)即为起始点,(xn,yn)为终点。
代码如下:
importtkinterclassTK:def__init__(self):self.window=tkinter.Tk()self.canvas=tkinter.Canvas(self.window,width=300,height=300,bg='pink')self.canvas.create_line(30,30,100,200,200,200,300,200,300,300)self.canvas.pack()tkinter.mainloop()m=TK()
效果如图:
我们选取的坐标为(30,30)->(100,200)->(200,200)->(300,300),根据上面的坐标我们画出上图。
创建矩形的语法格式为:
canvas.create_rectangle(x1,y1,x2,y2,可选项)
矩形只需要2个坐标即可确定,因此我们只需要左上角和右下角的坐标(x1,y1)和(x2,y2),代码如下:
importtkinterclassTK:def__init__(self):self.window=tkinter.Tk()self.canvas=tkinter.Canvas(self.window,width=300,height=300,bg='pink')self.canvas.create_rectangle(100,100,200,200)self.canvas.pack()tkinter.mainloop()m=TK()
运行如图:
语法格式如下:
canvas.create.oval(x1,y1,x2,y2,可选项)
四个坐标对应的位置如图:
语法格式如下:
canvas.create_arc(x1,y1,x2,y2,start=angle,extent=width,可选项)
其中,坐标对应的和上图中椭圆对应的一致,start中的值对应的是弧形的起始角度,extent是对应的是弧形逆时针角度范围。
代码如下:
importtkinterclassTK:def__init__(self):self.window=tkinter.Tk()self.canvas=tkinter.Canvas(self.window,width=300,height=300,bg='pink')self.canvas.create_arc(60,60,220,220,start=0,extent=120,fill='blue')self.canvas.pack()tkinter.mainloop()m=TK()
运行如图:
语法格式如下:
canvas.create_polygon(x1,y1,x2,y2,.....xn,yn,可选项)
每个坐标对应一个位置,第一个为第一个顶点,依次链接,最后一个坐标自动关闭多边形。
代码如下:
importtkinterclassTK:def__init__(self):self.window=tkinter.Tk()self.canvas=tkinter.Canvas(self.window,width=300,height=300,bg='pink')self.canvas.create_polygon(150,0,200,100,300,100,200,185,280,280,150,230,20,280,100,185,0,100,100,100,fill='red')self.canvas.pack()tkinter.mainloop()m=TK()
运行图如下:
大家可以通过坐标的改变去画出自己想要画出的图形,可选的参数还有dash、outline、sommth和width。
我们可以通过canvas去绘画出各式各样的图案,当然它也其他的功能,在下一节的例题中我们还会使用到它。