1 整體框架

import tkinter as tkwindow = tk.Tk() #創建窗口window.title('my window') #窗口標題window.geometry('500x200') #窗口大小

2 參數設定

UNIT = 40 # pixels （之后畫圖中內容用，表示一個小格子占幾個像素）MAZE_H = 4 # grid height（之后畫圖中內容用，表示縱向有幾個小格子）MAZE_W = 4 # grid width（之后畫圖中內容用，表示橫向有幾個小格子）

3 創建畫布

canvas = tk.Canvas(bg='white',height=MAZE_H * UNIT, width=MAZE_W * UNIT)

4 畫直線

for c in range(0, MAZE_W * UNIT, UNIT):x0, y0, x1, y1 = c, 0, c, MAZE_H * UNITcanvas.create_line(x0, y0, x1, y1) #橫線 （起點xy 終點xy）for r in range(0, MAZE_H * UNIT, UNIT):x0, y0, x1, y1 = 0, r, MAZE_W * UNIT, rcanvas.create_line(x0, y0, x1, y1) #豎線（起點xy，終點xy）

每一個creat_line都表示畫一條從(x0,y0)到(x1,y1)的直線

比如第一個，畫的是[(0,0)->(0,160) ; (40,0)->(40,160) ; (80,0)->(80,160) ; (120,0)->(120,160)，也就是所有的水平線

第二個，畫的是[(0,0)->(160,0) ; (0,40)->(160,40) ; (0,80)->(160,80) ; (0,120)->(160,120)，也就是所有的豎直線

?5?畫長方形

hell1_center = origin + np.array([UNIT * 2, UNIT]) hell1 = canvas.create_rectangle(hell1_center[0] - 15, hell1_center[1] - 15,hell1_center[0] + 15, hell1_center[1] + 15,fill='black')hell2_center = origin + np.array([UNIT, UNIT * 2]) hell2 =canvas.create_rectangle(hell2_center[0] - 15, hell2_center[1] - 15,hell2_center[0] + 15, hell2_center[1] + 15,fill='black')rect = canvas.create_rectangle(origin[0] - 15, origin[1] - 15,origin[0] + 15, origin[1] + 15,fill='red')

?其中，create_rectangle 中的參數是左上角和右下角兩個點的坐標

【或者這么理解，和畫橢圓是一樣的參數分別是橢圓 左極值點、上極值點、右極值點、下極值點（順時針轉一圈）】

?6 畫橢圓型

oval_center = origin + UNIT * 2 oval = canvas.create_oval(oval_center[0] - 15, oval_center[1] - 15,oval_center[0] + 15, oval_center[1] + 15,fill='yellow')

參數分別是橢圓 左極值點、上極值點、右極值點、下極值點（順時針轉一圈）

?7 激活窗口

和之前的一樣

canvas.pack()window.mainloop()

8 其他

• 在mainloop之前，如果想刪掉某個圖形，可以直接canvas.delete(XXX)
• canvas.coords(長方形/橢圓)，會得到 【左極值點、上極值點、右極值點、下極值點】這四個點組成的元組
• canvas.move(rect,15,15)——向左右? & 上下 移動 （右&下是加，左&上是減）

?

注：這個教程是輔助Q-learning 算法更新 - 強化學習 (Reinforcement Learning) | 莫煩Python (mofanpy.com)

中沒有涉及的Maze 類

參考內容：Reinforcement-learning-with-tensorflow/maze_env.py at master · MorvanZhou/Reinforcement-learning-with-tensorflow (github.com)

總結

以上是生活随笔為你收集整理的tkinter笔记：画布canvas的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。