最终的部分运行效果图(程序见序号4):




#!/usr/bin/env python
# -*- coding:utf-8 -*-
# ------------------------------------------------------------
#
# 参考资料:
# 用 python 和 tkinter 做简单的窗口视窗 - 网易云课堂
# https://study.163.com/course/courseLearn.htm?courseId=1003216011#/learn/video?lessonId=1003650346&courseId=1003216011
#
# ------------------------------------------------------------
# ******************** class8_Canvas 画布 *******************
# ******************** class8_Canvas 画布 *******************
# class8_Canvas 画布
# =====>>>>>>内容概览
# =====>>>>>>内容概览 ''' # ------------------------------------------------------------
# # 1、生成一个画布
# ------------------------------------------------------------ # ------------------------------------------------------------
# # 2、画布里头放置图片
# ------------------------------------------------------------ # ------------------------------------------------------------
# # 3、画布里头放置 直线 + 圆形 + 矩形
# ------------------------------------------------------------ # ------------------------------------------------------------
# # 4、画布里头放置 矩形
# ------------------------------------------------------------ '''

# ------------------------------------------------分割线-------------------------------------------------
# ------------------------------------------------分割线-------------------------------------------------
# ------------------------------------------------分割线-------------------------------------------------



# ------------------------------------------------分割线-------------------------------------------------
'''
# ------------------------------------------------------------
# # 1、生成一个画布
# ------------------------------------------------------------
'''
# import tkinter as tk
#
# window = tk.Tk()
# window.title("class8_Canvas 画布")
# window.geometry("500x600")
#
# canvas = tk.Canvas(window, bg='blue', height=200, width=300)
# canvas.pack()
#
# window.mainloop() # ------------------------------------------------分割线-------------------------------------------------
'''
# ------------------------------------------------------------
# # 2、画布里头放置图片
# # # image = canvas.create_image(100, 0,image=image_file)
# # # 100: x方向
# # # 0 : Y方向
# # # 默认锚点为中心
# ------------------------------------------------------------
'''
# import tkinter as tk
#
# window = tk.Tk()
# window.title("class8_Canvas 画布")
# window.geometry("500x600")
#
# canvas = tk.Canvas(window, bg='blue', height=200, width=300)
# image_file = tk.PhotoImage(file=r'D:\C_cache\py\tkinter\_2-1.gif') # 图片的格式只能是gif, GIF and PGM/PPM
# # image = canvas.create_image(100, 0,image=image_file) # 不设置锚点
# image = canvas.create_image(100, 0, anchor='nw',image=image_file) # 设置锚点为左上角
#
# canvas.pack()
#
# window.mainloop() # ------------------------------------------------分割线-------------------------------------------------
'''
# ------------------------------------------------------------
# # 3、画布里头放置 直线 + 圆形 + 矩形
# ------------------------------------------------------------
'''
# import tkinter as tk
#
# window = tk.Tk()
# window.title("class8_Canvas 画布")
# window.geometry("500x600")
#
# canvas = tk.Canvas(window, bg='blue', height=200, width=300)
# x0,y0,x1,y1 = 0, 0, 100, 50 # 设定
# # 画直线, 矩形左上角(起点):x0, y0; 矩形的右下角(终点):x1, y1
# line = canvas.create_line(x0, y0, x1, y1)
# # 画圆形, 矩形左上角(起点):x0+50, y0; 矩形的右下角(终点):x1, y1
# oval = canvas.create_oval(x0+50, y0, x1, y1, fill='red')
# # 画矩形, 矩形左上角(起点):x0+50, y0; 矩形的右下角(终点):x1+50, y1+50
# rect = canvas.create_rectangle(x0+50, y0, x1+50, y1+50)
# canvas.pack()
#
# window.mainloop() # ------------------------------------------------分割线-------------------------------------------------
'''
# ------------------------------------------------------------
# # 4、画布里头放置 矩形,矩形可以被移动
# ------------------------------------------------------------
'''
# import tkinter as tk
#
# def moveit():
# canvas.move(rect,2,0)
#
# window = tk.Tk()
# window.title("class8_Canvas 画布")
# window.geometry("500x600")
#
#
# canvas = tk.Canvas(window, bg='blue', height=200, width=300)
#
# x0,y0,x1,y1 = 0, 0, 100, 50 # 设定
# # 画矩形, 矩形左上角(起点):x0+50, y0; 矩形的右下角(终点):x1+50, y1+50
# rect = canvas.create_rectangle(x0+50, y0, x1+50, y1+50)
# canvas.pack()
#
# # 设置按钮(如果放置在) canvas.pack() 的上面的话,那么按钮的位置在画布的上面
# b = tk.Button(window, text='move', command=moveit)
# b.pack()
# window.mainloop()

  

 

 

最终的部分运行效果图(程序见序号4):

 

class8_Canvas 画布的更多相关文章

  1. 06. Web大前端时代之:HTML5+CSS3入门系列~HTML5 画布

    Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 我们先看看画布的魅力: 初始画布 canvas默认是宽3 ...

  2. 如何快速清除ZBrush画布中多余图像

    ZBrush是一款数字雕刻与绘画软件,它以强大的功能和直观的工作流程彻底改变了整个三维行业.它的简洁化.智能化和人性化的设计无不让众多用户所折服.刚接触它的用户可能会因为找不到相关命令或不熟悉而觉得它 ...

  3. 矢量图绘制工具Svg-edit调整画布的大小

    矢量图绘制工具Svg-edit调整画布的大小 ------------------------------ ------------------------

  4. HTML5 中的 canvas 画布(一)

    ---恢复内容开始--- 在HTML5中新添加的元素,canvas 现在支持 IE9+的版本 注意:HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript ...

  5. html 5 canvas画布整理

    1. 创建canvas画布<canvas id="myCanvas" width="800" height="800" >< ...

  6. Quartz 2D在ios中的使用简述二:创建画布

    在iOS中使用Quartz画图时,第一步就是要获取画布(图形上下文),然后再画布上做各种操作.先看下CoreGraphics.h这个头文件,就可以知道能够创建多少种上下文类型. #include &l ...

  7. HTML5 Canvas 画布

    一.Canvas是什么? canvas,是一个画布,canvas元素用于在网页上绘制图形. canvas 拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法. 二.创建Canvas元素 加上基本的属 ...

  8. 解决CHROME中画布中无法显示图片的方法

    最终效果图如下 我按照W3SCHOOL里面的方法,代码如下 <!DOCTYPE html> <html> <body> <script type=" ...

  9. HTML5 canvas画布写炫彩动态的倒计时效果

    html代码如下,插入了2个js代码. <!DOCTYPE html> <html> <head> <title>canvas</title> ...

随机推荐

  1. elementUI表格行的点击事件,点击表格,拿到当前行的数据

    1.绑定事件 2.定义事件 3.点击表格某行的时候,拿到数据]

  2. aspcms 这个靶场。。。

    这个网站源码是我打 webug 里收集的靶场,但是由于我自己水平菜的不行,没搭建成功 = =!然后,我也就懒的搞,就给我一朋友,在他的公网服务器上搭上这个站,好让我玩玩.由于上次我朋友靶场发生挂黑页的 ...

  3. CSS:CSS margin(外边距)

    ylbtech-CSS:CSS margin(外边距) 1.返回顶部 1. CSS margin(外边距) CSS margin(外边距)属性定义元素周围的空间. margin margin 清除周围 ...

  4. Address already in use: JVM_Bind 8083端口被占用的几个解决办法

    运行Tomcat时若出现Address already in use: JVM_Bind 端口被占用,一般使用下面几个办法可以解决: 假设端口为8083 1.启动cmd, 执行命令netstat -a ...

  5. msgbox用法

    http://www.w3school.com.cn/vbscript/func_msgbox.asp VBScript MsgBox 函数 VBScript 函数参考手册 定义和用法 MsgBox ...

  6. Quartus II 使用 modelsim 仿真

    转自:http://www.cnblogs.com/emouse/archive/2012/07/08/2581223.html Quartus 中调用modelsim的流程 1. 设定仿真工具 as ...

  7. Haskell语法

    http://www.ibm.com/developerworks/cn/java/j-cb07186.html 1. 构造符号 : 比如: 1:2:3:[] 而常用的 [1,2,3] 是一种语法糖( ...

  8. 2019牛客多校第三场F-Planting Trees(单调队列)

    Planting Trees 题目传送门 解题思路 枚举每一个下边界,再枚举其对应的所有上边界,求出其对应区间内的最大最小值,当下边界一样的时候,其最大最小值可以随着上边界减小逐步更新.然后将这些最大 ...

  9. 前端通过url页面传值

    例子:从A页面将‘myId’传到B页面 1.A页面传值 var url = encodeURI("html/editPostcard.html?myId="+ myId); win ...

  10. 设计模式四人帮(GOF)是什么?

    1994年,有四位作者:Erich Gamma,Richard Helm,Ralph Johnson和John Vlissides发表了一本题为<设计模式 - 可重用的面向对象软件元素>的 ...