最终的部分运行效果图(程序见序号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. [7.22NOIP模拟测试7]方程的解 题解(扩展欧几里得)

    Orz 送分比较慷慨的一道题,疯狂特判能拿不少分. 对于$a>0,b>0$的情况: 用exgcd求出方程通解,然后通过操作得到最小正整数解和最大正整数解 他们以及他们之间的解满足等差数列性 ...

  2. Jquery轻量级插件--操作URL

    调用: > "?action=view&section=info&id=123&debug&testy[]=true&testy[]=false ...

  3. Android Dialog对话框的七种形式的使用

    参考资料:http://www.oschina.net/question/54100_32486 注:代码进行了整理 在Android开发中,我们经常会需要在Android界面上弹出一些对话框,比如询 ...

  4. socket模拟通信

    import java.io.FileOutputStream; import java.io.IOException; import java.io.InputStream; import java ...

  5. python sort 和sorted排序

    当我们从数据库中获取一写数据后,一般对于列表的排序是经常会遇到的问题,今天总结一下python对于列表list排序的常用方法: 第一种:内建方法sort() 可以直接对列表进行排序 用法: list. ...

  6. Openstack 中的消息总线 & AMQP

    目录 目录 消息总线 消息总线的原理 AMQP 消息总线 Openstack 采用了面向服务的开发模式(有别于面向对象和面向过程),需要我们去考虑各个服务之间和各项目之间是如何传递消息的. Restf ...

  7. Devstack 配置文件说明手册

    本文为minxihou的翻译文章,转载请注明出处Bob Hou: http://blog.csdn.net/minxihou JmilkFan:minxihou的技术博文方向是 算法&Open ...

  8. POJ 3304 Segments (判断直线与线段相交)

    题目链接:POJ 3304 Problem Description Given n segments in the two dimensional space, write a program, wh ...

  9. 2.4 Nginx服务器基础配置指令

    2.4.1 nginx.conf文件的结构 2.4.2配置运行Nginx服务器用户(组) 2.4.3配置允许生成的worker process数 2.4.4 配置Nginx进程PID存放路径 2.4. ...

  10. 二、springcloud微服务测试环境搭建

    版本说明: springcloud:Greenwich.SR3 springboot:2.1.8 1.构建步骤 1.1.microservicecloud整体父工程Project 新建父工程micro ...