tkinter -- Canvas(1)

提供可以用来进行绘图的 Container,支持基本的几何元素,使用 Canvas 进行绘图时,所有的操作都是通过 Canvas,不是通过它的元素

元素的表示可以使用 handle 或 tag

第一个Canvas程序,指定画布的颜色为白色

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')
cv.pack()
root.mainloop()

效果:

为明显起见,将背景色设置为白色,用以区别 root

创建一个 item

创建一个矩形,指定画布的颜色为白色

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')
# 创建一个矩形,坐标为(10,10,110,110)
cv.create_rectangle(10, 10, 110, 110)
cv.pack()
root.mainloop()

效果:

为明显起见,将背景色设置为白色,用以区别 root

指定 item 的填充色

创建一个矩形,指定画布的背景色为白色

使用属性 fill 设置它的填充颜色

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')
# 创建一个矩形,坐标为(10,10,110,110)
# 指定矩形的填充色为红色
cv.create_rectangle(10, 10, 110, 110, fill='red')
cv.pack()
root.mainloop()

效果:

指定 item 的边框颜色

创建一个矩形,指定画布的背景色为白色

使用属性 outline 设置它的边框颜色

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')
# 创建一个矩形,坐标为(10,10,110,110)
cv.create_rectangle(10, 10, 110, 110, outline='red')
cv.pack()
root.mainloop()

效果:

指定边框的宽度

指定画布的背景色为白色

使用属性 width 指定线的宽度

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')
# 创建一个矩形,坐标为(10,10,110,110)
cv.create_rectangle(10, 10, 110, 110, outline='red', width=5)
cv.pack()
root.mainloop()

结果:

指定矩形的边框颜色为红色,设置线宽为5,注意与 Canvas 的 width 是不同的

画虚线

指定画布的背景色为白色

使用属性 dash,这个值只能为奇数

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')
# 创建一个矩形,坐标为(10,10,110,110)
cv.create_rectangle(10, 10, 110, 110, outline='red', dash=10, fill='yellow')
cv.pack()
root.mainloop()

结果:

指定矩形的边框颜色为红色,画虚线

使用画刷填充

指定画布的背景色为白色

使用属性 stipple

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')
# 创建一个矩形,坐标为(10,10,110,110)
cv.create_rectangle(10, 10, 110, 110, outline='red', stipple='gray12', fill='yellow')
cv.pack()
root.mainloop()

效果:

指定矩形的边框颜色为红色,自定义画刷

修改 item 的坐标

指定画布的背景色为白色

使用 Canvas 的方法来重新设置 item 的坐标

代码:

import tkinter as tk
root = tk.Tk()
# 创建一个 Canvas,设置其背景色为白色
cv = tk.Canvas(root, bg='white')
# 创建一个矩形,坐标为(10,10,110,110)
rt = cv.create_rectangle(10, 10, 110, 110, outline='red', stipple='gray12', fill='yellow')
cv.pack()

# 重新设置rt的坐标(相当于移动一个item)
cv.coords(rt, (100, 100, 250, 250))
root.mainloop()

结果:

动态修改 item 的坐标

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏互联网杂技

关于css

常用的选择器:标签选择器,id选择器,class选择器,伪类选择器。 但是还有一个功能强大的选择器:属性选择器, 属性选择器,这样使用, 1、[属性名]{st...

36770
来自专栏.Net移动开发

.NET(C#、VB)移动开发——Smobiler平台控件介绍:TextTabBar控件

获得和设置标签栏单元集合,打开集合编辑器,并点击“添加”,分别填写Text(菜单项文本),Value(内部值,不在界面上显示),如图 7、图 8;

16120
来自专栏柠檬先生

jquery 层级选择器

关于层级选择器。 $("parent > child") 选择所有指定“parent”元素中指定的“child”的直接子项元素。 parent :...

205100
来自专栏河湾欢儿的专栏

手机浏览器的八个容易忽略的兼容问题

36230
来自专栏web

各种水平垂直居中

9610
来自专栏跟着阿笨一起玩NET

html打印表格每页都有的表头和打印分页

本文转载:http://www.cnblogs.com/RitchieChen/archive/2008/07/30/1256829.html

69810
来自专栏前端技术总结

CSS自定义滚动条的样式

本文会介绍CSS滚动条选择器,并在演示中展示如何在Webkit的内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的滚动条。

2.2K680
来自专栏一个爱瞎折腾的程序猿

一个简单的时间轴demo

22420
来自专栏james大数据架构

Android中Button

1.android:drawableTop="@drawable/accept"设置在按钮文本的上面绘制指定图片。可同时指定drawableLeft等其它方向 ...

23780
来自专栏Android开发指南

13.按比例显示图片、自定义属性、测量

393100

扫码关注云+社区

领取腾讯云代金券