百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

python GUI编程:Canvas组件(pythoncanvas画图库)

toqiye 2024-08-17 23:21 8 浏览 0 评论

Canvas即画布的意思,我们可以把它当作一个画板在上面画图,类似于web中的canvas。

Python中的Canvas组件有很多用法和选项,由于篇幅限制,我们在这里只说明一些简单用法,如果需要全面了解其用法,请参考官网资料。

创建一个Canvas很简单,如下代码:

root = Tk()
canvas = Canvas(root, width=930, height=620, borderwidth=0)

我们本章讲述怎么在canvas里创建文章开头截图里的各种图形,主要有方形、文本、线条、图像、多边形、椭圆、窗体控件、扇形。

方形

创建长方形只需要指定对角线的两个坐标即可,如下代码创建截图中的正方形:

canvas.create_rectangle([23.0, 47.0, 223.0, 247.0], fill="#4956b2")

第一个参数用来指定对角线的坐标,其它关键字参数用来定制创建的图形,如上面代码指定用颜色值“#4956b2”填充。

文本

创建文本只需要指定中心点即可,如下代码创建截图中的文本:

canvas.create_text([430.0, 87.0], text="Python Canvas", font=("courier", 30, "bold"))

text用来指定要显示的文本,font用来指定字体

线条

两点确定一条直线,创建线条时只需要指定两个点的坐标即可,如下代码创建截图中的直线:

canvas.create_line([280.0, 188.0, 580.0, 188.0])

图像

创建图像时只需要指定中心点和要显示的图形对象即可,如下代码创建截图中的"头条"图像:

image = PhotoImage(file="toutiao.ico")
canvas.create_image([775.0, 175.0], image=image)

多边形

如果要创建一个多边形就需要指定各个点的坐标,同时还可以指定填充颜色,如下代码创建截图中的五角星:

canvas.create_polygon(get_star_points(430, 310, 100), fill="red")

get_star_points是我自己定义的函数,用来获取圆点是(430, 310)半径是100的圆形内接五角星的各个顶点,文章后面源码里有写。

椭圆

圆形是特殊的椭圆,当椭圆的长轴与短轴相等时就是一个圆形了。

创建椭圆时需要指定方形的对角线,这个对角线一侧的三角形的两个边长即对应椭圆的长轴与短轴,对角线的中点是椭圆的中心。

如下代码创建截图中的圆形:

canvas.create_oval([15.0, 384.0, 215.0, 584.0], fill="#6db249")

窗体控件

前面章节我们讲了好多窗体控件,这里我们以按钮Button为例,如下代码创建截图中的按钮,同时点击会弹窗显示信息:

btn = Button(canvas, width=15, height=3, relief=RAISED, text="Canvas Button", font=("courier", 30, "bold"), command=lambda: showinfo("Canvas Button", "I'm a canvas button!"))
canvas.create_window([440.0, 502.0],  window=btn)

扇形

扇形的创建也需要指定对角线的坐标,默认对应于对角线对应方形的右上角,不过我们可以自己指定起始角度和终止角度,这样创建出来的扇形就不是方形的1/4了,如下代码创建截图中的扇形:

canvas.create_arc([653.0, 399.0, 853.0, 599.0], extent=270, fill="#da2076")

实战练习

让我们来画一个文章开头处的截图,源码如下:

from tkinter import *
from PIL.ImageTk import PhotoImage
from math import cos, sin, tan, pi
from tkinter.messagebox import showinfo

def get_star_points(x, y, r):
    pi_1 = pi/180
    t = r*(1+tan(18*pi_1)**2)/(3-tan(18*pi_1)**2)
    return (
        (x, y-r),
        (x-t*cos(54*pi_1), y-t*sin(54*pi_1)),
        (x-r*cos(18*pi_1), y-r*sin(18*pi_1)),
        (x-t*cos(18*pi_1), y+t*sin(18*pi_1)),
        (x-r*cos(54*pi_1), y+r*sin(54*pi_1)),
        (x, y+t),
        (x+r*cos(54*pi_1), y+r*sin(54*pi_1)),
        (x+t*cos(18*pi_1), y+t*sin(18*pi_1)),
        (x+r*cos(18*pi_1), y-r*sin(18*pi_1)),
        (x+t*cos(54*pi_1), y-t*sin(54*pi_1))
    )

root = Tk()
canvas = Canvas(root, width=930, height=620, borderwidth=0)
canvas.create_arc([653.0, 399.0, 853.0, 599.0], extent=270, fill="#da2076")
canvas.create_rectangle([23.0, 47.0, 223.0, 247.0], fill="#4956b2")
canvas.create_line([280.0, 188.0, 580.0, 188.0])
canvas.create_oval([15.0, 384.0, 215.0, 584.0], fill="#6db249")
canvas.create_polygon(get_star_points(430, 310, 100), fill="red")
canvas.create_text([430.0, 87.0], text="Python Canvas", font=("courier", 30, "bold"))
image = PhotoImage(file="toutiao.ico")
canvas.create_image([775.0, 175.0], image=image)
btn = Button(canvas, width=15, height=3, relief=RAISED, text="Canvas Button", font=("courier", 30, "bold"), command=lambda: showinfo("Canvas Button", "I'm a canvas button!"))
canvas.create_window([440.0, 502.0],  window=btn)
canvas.pack()
mainloop()

相关推荐

基于Python查找图像中最常见的颜色

如果我们能够得知道一幅图像中最多的颜色是什么的话,可以帮助我们解决很多实际问题。例如在农业领域中想确定水果的成熟度,我们可以通过检查水果的颜色是否落在特定范围内,来判断它们是否已经成熟。接下来我们将使...

出大要几次/圣彼得堡悖论

程序:fromrandomimportrandomdeffn():n=1whilerandom()<0.5:n+=1returnny=[fn()...

使用OpenCV测量图像中物体之间的距离

原文链接:https://www.pyimagesearch.com/2016/04/04/measuring-distance-between-objects-in-an-image-with-op...

让颜色更加饱满和有冲击力:图像颜色校正

大家拍照或图片时,获取会遇到图像颜色与实际颜色存在色差的现象。我们看一个标准色卡的图片:第一张图片就是有色差的图片,这种现象一般是相机或光线的原因造成的,我们可以通过标准色卡进行校正。第一张图片是有色...

Python 数据分析 : 实例

1、构建矩阵生成4x4形式的矩阵,矩阵中的数据是1~10之间的随机数random_list=np.random.random(16)random_list=np.round(...

用这些免费开源的图标库,为你的项目画龙点睛

精致好看的图标能够为你的项目增色不少,今天我就整理了一期图标库精选系列,希望你可以从中找到自己喜欢的图标库。下面就跟我来一场视觉的盛宴,我会一一介绍GitHub上品牌、流行、极小,各具特色的免费精...

ICON设计规范之图标尺寸

编辑导语:图标设计是UI设计中不可缺少的元素,它看似简单,但其实内含门道。本篇文章里,作者就对icon设计的相关知识和icon绘制方法做出经验介绍。如果你对icon设计也想要有所了解的话,那就点进来看...

PHP开发必备VSCode插件(大全)

通用chinese(simplified...):简体中文语言包liveserverhtml:实时预览prettier-codeformatter:最流行的代码格式化插件...

增强用户体验:前端开发中HTML5和CSS3表格属性的应用与优化研究

摘要:本文探讨了在前端开发中HTML5和CSS3表格属性的应用与优化。首先介绍了HTML5中常用的表格元素和CSS3中丰富的表格样式属性,旨在帮助开发人员定制表格的外观和样式。其次,研究了表格结构的优...

产品经理小技术:图片素材随手找,原型设计快又好

数十万互联网从业者的共同关注!作者:牛冰峰博客:http://uxfeng.com/画图——这项古老而精细的做法,是一代代产品狗们得以传承的立足之本。草图、线框图、思维导图、PPT插图、数据汇报图表、...

MAUI Blazor 项目实战 - 从0到1轻松构建多平台应用UI

前言最近在项目中尝鲜了MAUI,总体感受下来还是挺不错的,优缺点并存,但是瑕不掩瑜,目前随着.Net版本的迭代升级对它的支持也越来越友好,相信未来可期!感兴趣的朋友欢迎关注。文章中如有不妥的地方,也请...

webstorm常用的插件

1、AtomMaterialIcons推荐原因:这款插件不仅...

「智能家居」自动化平台nodered第三方节点dashboard的使用

自带节点库讲完了,开始说说第三方节点库dashboard,该库提供另一个可配置的UI页面,可以配置一些表单元素,以及图表。先来看一下别人使用dashboard制作的面板吧,是不是很漂亮。接下来我们一...

「炫丽」从0开始做一个WPF+Blazor对话小程序

大家好,我是沙漠尽头的狼。...

MAUI使用Masa blazor组件库

上一篇(点击阅读)我们实现了UI在Web端(BlazorServer/Wasm)和客户端(Windows/macOS/Android/iOS)共享,这篇我加上MasaBlazor组件库的引用,并...

取消回复欢迎 发表评论: