前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >python thinker canvas create_arc 使用详解

python thinker canvas create_arc 使用详解

作者头像
1_bit
发布2020-10-23 14:35:09
1.3K0
发布2020-10-23 14:35:09
举报
文章被收录于专栏:我的知识小屋

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/A757291228/article/details/106739556 ———————————————— 版权声明:本文为CSDN博主「1_bit」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/A757291228/article/details/106739556

注:以下文章皆基于以下代码所创建的对tk对象进行编程 python 版本为3.x

代码语言:javascript
复制
from tkinter import *
root = Tk()
canvas = Canvas(root,background='#D4D4D4',width=1000,height=1000)#初始化 canvas
canvas.pack(fill=BOTH,expand=YES)

create_arc 的基本使用

Python Thinker canvas 使用 create_arc 创建一个扇形。 create_arc 的函数的一般使用方法如下:

代码语言:javascript
复制
canvas.create_arc(coord, start, extent, fill)

类型说明:

  • coord :元组 int
  • start :整形 int
  • extent:整形 int
  • fill :字符串 str

coord元组配置矩形所形成的椭圆的左上角坐标及右下角坐标: coord=x1,y1,x2,y2 首先尝试 create_arc 的简单使用方法:

代码语言:javascript
复制
canvas.create_arc(coord)

完整代码如下:

代码语言:javascript
复制
from tkinter import *

root = Tk()
root.title('作者CSDN :1bit 帐号:A757291228')

canvas = Canvas(root,background='#D4D4D4',width=830,height=830)#初始化 canvas
canvas.pack(fill=BOTH,expand=YES)

coord = 200, 200, 400, 400 #坐标起始点
canvas.create_rectangle(coord)#这一行只是为了方便查看该坐标绘制的矩形,进行对照,不必要了解
arc = canvas.create_arc(coord)

以上代码绘制了一个矩形与扇形进行对照,结果如下:

在这里插入图片描述
在这里插入图片描述

以上结果得到了一个扇形,该扇形与矩形进行对比,得出扇形所在的区域为矩形的右上部分,扇形所在的区域为矩形的右上角区域,想要扇形绘制出一个半圆,占整个矩形的上半部分所需要另外两个参数:extentstart(start并不是一定需要) 。

参数类型说明:

  • start:从x轴正方向(起始方向)开始,单位为度进行绘制,start为起始绘制角度的设置
  • extent:以start参数作为参考,以start参数给定的角度开始,逆时针延伸角度,这个角度为extent设置的值

尝试使用start参数:

代码语言:javascript
复制
from tkinter import *

root = Tk()
root.title('作者CSDN :1bit 帐号:A757291228')

canvas = Canvas(root,background='#D4D4D4',width=830,height=830)#初始化 canvas
canvas.pack(fill=BOTH,expand=YES)

coord = 200, 200, 400, 400
canvas.create_rectangle(coord)
arc = canvas.create_arc(coord,start=10)

以上代码在 create_arc 添加了 start参数,设置start参数为10,绘制时,将以x正方向作为参照,形成的角度为10度作为起始绘制角度,所形成的扇形如下:

在这里插入图片描述
在这里插入图片描述

现在使用 extent 参数进行延伸绘制,并把 start 参数设置为 0:

代码语言:javascript
复制
from tkinter import *

root = Tk()
root.title('作者CSDN :1bit 帐号:A757291228')

canvas = Canvas(root,background='#D4D4D4',width=830,height=830)#初始化 canvas
canvas.pack(fill=BOTH,expand=YES)

coord = 200, 200, 400, 400
canvas.create_rectangle(coord)
arc = canvas.create_arc(coord,start=0,extent=180)

结果如下,绘制成一个半圆扇形:

在这里插入图片描述
在这里插入图片描述

以上代码,start 参数省略也可以完成半圆绘制,start默认为0。使用start可更灵活的控制起始绘制角度。 使用fill 可以使绘制区域填充设置的颜色代码,代码如下:

代码语言:javascript
复制
arc = canvas.create_arc(coord,extent=180,fill="red")

结果如下:

在这里插入图片描述
在这里插入图片描述

create_arc 的扩展使用

create_arc 可以接收更多的参数进行扩展绘制,参数为 (并不是所有参数,之后有时间将陆续补上):style、dash、outline、width等。

style 参数

style 参数设置值有 ARCCHORD 以及 PIESLICE;默认情况下 style的值为 PIESLICE,以下设置 style 的值为 ARC 查看效果:

代码语言:javascript
复制
arc = canvas.create_arc(coord,extent=180,style=ARC)

结果如下:

在这里插入图片描述
在这里插入图片描述

CHORD

代码语言:javascript
复制
arc = canvas.create_arc(coord,extent=180,style=CHORD)

结果如下:

在这里插入图片描述
在这里插入图片描述

PIESLICE

代码语言:javascript
复制
arc = canvas.create_arc(coord,extent=180,style=PIESLICE)

结果如下:

在这里插入图片描述
在这里插入图片描述

dash 参数

dash 参数类型为元组,用于设定虚线线段。例如 dash=(3,4) 中,值3为指定绘制多少个像素的线段,值4为下一条线段绘制需要间隔多少个像素。 查看代码:

代码语言:javascript
复制
arc = canvas.create_arc(coord,dash=(10,2),style=PIESLICE)

以上代码绘制一个扇形,是虚线绘制,其中dash的值设置为10与2,其中10为设置每条线段长度为10,下次绘制间隔2个像素。结果如下:

在这里插入图片描述
在这里插入图片描述

dash设置的值并不只能设置两个,可以设置多个,例如:dash=(15,2,13,2,10,2,7,2);该代码为绘制15像素线段后间隔2像素再次绘制,下一次绘制13像素,再间隔2次以此类推。结果为:

在这里插入图片描述
在这里插入图片描述

outline 参数

outline 用于设置绘制的线段颜色,默认为黑色,参数类型为字符串,例如:outline='red',代码如下:

代码语言:javascript
复制
arc = canvas.create_arc(coord,outline='red',style=PIESLICE)

结果如下:

在这里插入图片描述
在这里插入图片描述

width 参数

设置绘制成的图形边框的粗细,默认单位为像素。 代码示例:

代码语言:javascript
复制
arc = canvas.create_arc(coord,width=10,style=PIESLICE)

设置边框粗细为10,结果如下:

在这里插入图片描述
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/A757291228/article/details/106739556 ———————————————— 版权声明:本文为CSDN博主「1_bit」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/A757291228/article/details/106739556

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/06/14 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • create_arc 的基本使用
  • create_arc 的扩展使用
  • style 参数
  • dash 参数
  • outline 参数
  • width 参数
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档