18Canvas 组件

news2024/9/27 15:27:38

18 Canvas 组件

Tkinter 的 Canvas 组件是一个灵活的绘图区域，允许我们在其中绘制图形、文本和图像。它支持各种绘图操作，如画线、画矩形、画圆形等。

Canvas 组件属性

width 和 height: Canvas的宽度和高度，可以是像素值或以字符为单位。
bg: Canvas的背景颜色。
scrollregion: 设置Canvas的滚动区域，用于支持滚动条。

Canvas 组件方法

create_rectangle(x1, y1, x2, y2, **options): 在Canvas上绘制一个矩形。
create_oval(x1, y1, x2, y2, **options): 在Canvas上绘制一个椭圆或圆形。
create_line(x1, y1, x2, y2, **options): 在Canvas上绘制一条线。
create_text(x, y, text, **options): 在Canvas上绘制文本。
create_image(x, y, image, **options): 在Canvas上绘制图像。

使用案例

以下是一个使用 Canvas 组件的案例，创建一个简单的绘图应用，其中包含绘制矩形、圆形和文本的功能。
在这里插入图片描述

import tkinter as tk   # 导入tkinter模块，并简称为tk

def draw_rectangle(event):   # 定义一个函数，用于在Canvas上绘制矩形
     canvas.create_rectangle(event.x-50, event.y-50, event.x+50, event.y+50, fill="blue")   # 根据鼠标点击位置绘制一个蓝色矩形

def draw_oval(event):   # 定义一个函数，用于在Canvas上绘制椭圆
     canvas.create_oval(event.x-50, event.y-50, event.x+50, event.y+50, fill="red")   # 根据鼠标点击位置绘制一个红色椭圆

def draw_text(event):   # 定义一个函数，用于在Canvas上绘制文本
     canvas.create_text(event.x, event.y, text="Hello, Canvas!", font=('Arial', 16))   # 在鼠标点击位置绘制文本

def clear_canvas():   # 定义一个函数，用于清除Canvas上的所有内容
     # 清除Canvas上的所有项目
     canvas.delete("all")

root = tk.Tk()   # 创建Tkinter的主窗口实例
root.title("Canvas Example")   # 设置窗口标题为"Canvas Example"

# 创建Canvas组件
canvas = tk.Canvas(root, width=400, height=400, bg="white")   # 创建一个400x400像素的Canvas，背景色为白色
canvas.pack()   # 将Canvas组件添加到窗口中

# 绑定鼠标事件到绘图函数
canvas.bind("<Button-1>", draw_rectangle)    # 鼠标左键点击时调用draw_rectangle函数
canvas.bind("<Button-2>", draw_oval)         # 鼠标中键点击时调用draw_oval函数
canvas.bind("<Button-3>", draw_text)         # 鼠标右键点击时调用draw_text函数

# 创建清除按钮
clear_button = tk.Button(root, text="清除", command=clear_canvas)   # 创建一个按钮，点击时调用clear_canvas函数
clear_button.pack(side=tk.BOTTOM)   # 将按钮放置在窗口底部

root.mainloop()   # 启动Tkinter事件循环，显示窗口并等待用户操作