• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > Tkinter教程之Canvas篇(4)

Tkinter教程之Canvas篇(4)

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含Tkinter,Canvas等相关知识,匿名希望在学习及工作中可以帮助到您
'''Tkinter教程之Canvas篇(4)'''


'''22.绘制弧形'''


# -*- coding: cp936 -*-


# 创建一个ARC

from Tkinter import *
root = Tk()

# 创建一个Canvas,设置其背景色为白色

cv = Canvas(root,bg = 'white')
cv.create_arc((10,10,110,110),)
cv.pack()
root.mainloop()


# 使用默认参数创建一个ARC,结果为90度的扇形


'''23.设置弧形的样式'''


# -*- coding: cp936 -*-


# 创建create_arc.


from Tkinter import *
root = Tk()


# 创建一个Canvas,设置其背景色为白色


cv = Canvas(root,bg = 'white')
d = {1:PIESLICE,2:CHORD,3:ARC}
for i in d:
cv.create_arc((10,10 + 60*i,110,110 + 60*i),style = d[i])
print i,d[i],
cv.pack()
root.mainloop()


# 使用三种样式,分别创建了扇形、弓形和弧形


'''24.设置弧形的角度'''


# -*- coding: cp936 -*-


# 使用start/extent指定起始角度与偏移角度


from Tkinter import *
root = Tk()

# 创建一个Canvas,设置其背景色为白色


cv = Canvas(root,bg = 'white')
d = {1:PIESLICE,2:CHORD,3:ARC}
for i in d:
cv.create_arc(
(10,10 + 60*i,110,110 + 60*i),

style = d[i], #指定样式


start = 30, #指定起始角度


extent = 30 #指定角度偏移量


)


cv.pack()


root.mainloop()


# 使用三种样式,start指定起始角度;extent指定角度偏移


'''25.绘制位图'''


# -*- coding: cp936 -*-


# 使用bitmap创建位图create_bitmap


from Tkinter import *


root = Tk()


# 创建一个Canvas,设置其背景色为白色

cv = Canvas(root,bg = 'white')
d = {1:'error',2:'info',3:'question',4:'hourglass'}
for i in d:
cv.create_bitmap((20*i,20*i),bitmap = d[i])
cv.pack()
root.mainloop()


# 使用bitmap属性来指定位图的名称,这个函数的第一个参数为一个点(x,y)指定位图存放位置的左上位置。


'''26.绘制GIF图像'''


# -*- coding: cp936 -*-


# 创建gif图像create_image


from Tkinter import *


root = Tk()


# 创建一个Canvas,设置其背景色为白色

cv = Canvas(root,bg = 'white')
img = PhotoImage(file = 'c:/python.gif')
cv.create_image((150,150),image = img)
cv.pack()
root.mainloop()


# 先使用PhotoImage创建GIF图像,再将image属性来设置为新创建的img


'''27.绘制直线'''


# -*- coding: cp936 -*-


# 创建带箭头的直线create_line


from Tkinter import *


root = Tk()


# 创建一个Canvas,设置其背景色为白色

cv = Canvas(root,bg = 'white')
d = [(0,'none'),(1,'first'),(2,'last'),(3,'both')]
for i in d:
cv.create_line(
(10,10 + i[0]*20,110,110+ i[0] * 20), # 设置直线的起始、终点
arrow = i[1], # 设置直线是否使用箭头
arrowshape = '40 40 10' # 设置箭头的形状(填充长度,箭头长度,箭头宽度
)
cv.pack()
root.mainloop()


# 使用arrow属性来控制是否显示箭头


'''28.直线的joinstyle属性'''


# -*- coding: cp936 -*-


# 创建直线,使用joinstyle属性


from Tkinter import *


root = Tk()


# 创建一个Canvas,设置其背景色为白色


cv = Canvas(root,bg = 'white')
d = [(0,'none','bevel'),(1,'first','miter'),(2,'last','round'),(3,'both','round')]
for i in d:
cv.create_line(
(10,10 + i[0]*20,110,110+ i[0] * 20), # 设置直线的起始、终点
arrow = i[1], # 设置直线是否使用箭头
arrowshape = '8 10 3', # 设置箭头的形状(填充长度,箭头长度,箭头宽度
joinstyle = i[2],
)
cv.pack()
root.mainloop()


# 将直线的属性joinstyle分别设置为bevel/miter/round,测试其效果。


'''29.绘制椭圆'''


# -*- coding: cp936 -*-


# 绘制椭圆,使用create_oval属性


from Tkinter import *


root = Tk()


# 创建一个Canvas,设置其背景色为白色


cv = Canvas(root,bg = 'white')


# 创建一个长200,宽100的椭圆

cv.create_oval((10,10,210,110),fill = 'red')
cv.pack()
root.mainloop()

# 指定椭圆的长和宽,圆是长和宽相等的特殊情况。


'''30.创建多边形'''


# -*- coding: cp936 -*-


# 创建多边形(三角形)


from Tkinter import *


root = Tk()


# 绘制一个Canvas,设置其背景色为白色


cv = Canvas(root,bg = 'white')


# 创建一个直角三角形


cv.create_polygon((10,10,10,200,100,200),fill = 'red')
cv.pack()
root.mainloop()

# 指定三个点的坐标,三个点坐标必须满足三角形的定义。


'''31.修饰图形'''


# -*- coding: cp936 -*-


# 创建多边形create_ploygon(三角形)


from Tkinter import *


root = Tk()


# 创建一个Canvas,设置其背景色为白色


cv = Canvas(root,bg = 'white')


# 创建一个直角三角形

cv.create_polygon((10,10,10,200,100,200),
#smooth = True, # 平滑处理,但未找到控制此参数的项
splinesteps = 0, # 不明白是控制什么的???
)
cv.pack()
root.mainloop()


# smooth/splinesteps用来修改绘制的图形,不明白这两个参数还有其它什么作用。


'''32.绘制文字'''


# -*- coding: cp936 -*-


# 使用文字create_text

from Tkinter import *
root = Tk()

# 创建一个Canvas,设置其背景色为白色


cv = Canvas(root,bg = 'white')


# 创建一个文字对象,默认设置为居中对齐


cv.create_text((10,10),text = 'Hello Text',
anchor = W
)
cv.pack()
root.mainloop()

# 使用anchor控制文字的位置,使用justify控制对齐方式


'''33.选中文字'''


# -*- coding: cp936 -*-


# 使用文字create_text

from Tkinter import *
root = Tk()


# 创建一个Canvas,设置其背景色为白色


cv = Canvas(root,bg = 'white')


# 创建一个文字对象,默认设置为居中对齐

txt = cv.create_text((10,10),text = 'Hello Text',
anchor = W
)


# 设置文本的选中起始位置


cv.select_from(txt,2)


# 设置文本的选中结束位置

cv.select_to(txt,5)
cv.pack()
root.mainloop()

# 使用anchor控制文字的位置,使用justify控制对齐方式


'''34.创建组件'''


# -*- coding: cp936 -*-


# 使用子组件create_window

from Tkinter import *
root = Tk()

# 创建一个Canvas,设置其背景色为白色


cv = Canvas(root,bg = 'white')


# 创建一个Button对象,默认设置为居中对齐

您可能想查找下面的文章:

  • Tkinter教程之Canvas篇(4)
  • Tkinter教程之Canvas篇(3)
  • Tkinter教程之Canvas篇(2)

相关文章

  • 2017-08-06HTML5中div、article、section的区别及使用介绍
  • 2018-12-03html5使用html2canvas实现浏览器截图
  • 2018-12-03HTML5技术秀:你的3D立体旋转名字
  • 2018-12-03最值得推荐的 HTML 开发工具有哪几款?
  • 2018-12-0310 款激发灵感的 HTML5/CSS3 应用
  • 2018-12-03HTML5 Canvas的常用线条属性值总结_html5教程技巧
  • 2018-12-03IDEA如何安装vue开发插件安装图文教程
  • 2018-12-03HTML5/CSS3 经典案例-无插件拖拽上传图片(二)
  • 2018-12-03HTML5仿手机微信聊天界面的具体分析
  • 2017-08-06html5 Canvas画图教程(8)—canvas里画曲线之bezierCurveTo方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5在a标签内放置块级元素示例代码_html5教程技巧
    • 使用HTML5做个画图板的方法介绍
    • Html5语义化标签及兼容性处理详解
    • canvas中beginPath()和closePath()作用的实例解析
    • html5 实现如何将两个矩形相互叠加
    • 关于html5中标签video播放的新解析
    • HTML5 Web Worker的使用
    • HTML5开发Kinect体感游戏实例详解
    • 基于 HTML5 的 3D 网络拓扑树呈现图文代码详解
    • html5使用canvas画三角形

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有