canvas实践练习截图

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()