首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

p5.js画布操作实战:创建,绑定指定元素,动态调整大小,隐藏滚动条,删除画布

画布绑定指定元素。 重置画布大小。 删除画布。 学习本文前你需要具备一点 p5.js 的知识,想了解的请查看 《p5.js 光速入门》。...创建画布 在 p5.js 里创建画布的方法叫 createCanvas,但其实如果你不使用该方法一样可以创建画布。...function setup() { createCanvas(windowWidth, windowHeight) background(123) } 但视力好的工友应该已经发现了,用这招会导致滚动条出现...但还是出现滚动条。 真正的解决方案是: 把 body 的 margin 设置为 0。 把画布的 display 设置为 block。...createCanvas(windowWidth, windowHeight) canvas.style('display', 'block') background(123) } 重置画布大小

38841

python--GUI编程--Tkinter

Canvas 画布控件;显示图形元素线条或文本 Checkbutton 多选框控件;用于在程序中提供多项选择框 Entry 输入控件;用于显示简单的文本内容 Frame 框架控件;在屏幕上显示一个矩形区域...消息控件;用来显示多行文本,与label比较类似 Radiobutton 单选按钮控件;显示一个单选的按钮状态 Scale 范围控件;显示一个数值刻度,为输出限定范围的数字区间 Scrollbar 滚动条控件...,当内容超过可视化区域时使用,列表框。....标准属性 标准属性也就是所有控件的共同属性,大小,字体和颜色等等。...属性 描述 Dimension 控件大小; Color 控件颜色; Font 控件字体; Anchor 锚点; Relief 控件样式; Bitmap 位图; Cursor 光标; 几何管理

3.7K30
您找到你想要的搜索结果了吗?
是的
没有找到

小朋友学Python(24):Tkinter图形界面编程

Canvas 画布控件;显示图形元素线条或文本 Checkbutton 多选框控件;用于在程序中提供多项选择框 Entry 输入控件;用于显示简单的文本内容 Frame 框架控件;在屏幕上显示一个矩形区域...消息控件;用来显示多行文本,与label比较类似 Radiobutton 单选按钮控件;显示一个单选的按钮状态 Scale 范围控件;显示一个数值刻度,为输出限定范围的数字区间 Scrollbar 滚动条控件...,当内容超过可视化区域时使用,列表框。....标准属性 标准属性也就是所有控件的共同属性,大小,字体和颜色等。...属性 描述 Dimension 控件大小 Color 控件颜色 Font 控件字体 Anchor 锚点 Relief 控件样式 Bitmap 位图 Cursor 光标 几何管理 Tkinter控件有特定的几何状态管理方法

4.7K70

Python 笔记:GUI编程(Tkinter)

Canvas 画布控件;显示图形元素线条或文本 Checkbutton 多选框控件;用于在程序中提供多项选择框 Entry 输入控件;用于显示简单的文本内容 Frame 框架控件;在屏幕上显示一个矩形区域...消息控件;用来显示多行文本,与label比较类似 Radiobutton 单选按钮控件;显示一个单选的按钮状态 Scale 范围控件;显示一个数值刻度,为输出限定范围的数字区间 Scrollbar 滚动条控件...,当内容超过可视化区域时使用,列表框。....---- 标准属性 标准属性也就是所有控件的共同属性,大小,字体和颜色等等。...; 以上内容转自:http://www.runoob.com/python/python-gui-tkinter.html 设置标题和大小以及窗口位置 123456789101112131415 from

5.1K30

软件测试|超好用超简单的Python GUI库——tkinter(十四)

前言 我们知道我们可以使用pillow绘制不同形状的图形,但是我们能不能使用tkinter实现这个功能呢,当然可以,tkinter也可以实现图形的绘制,并且可以将绘制的图形添加到我们的GUI中。...我们可以通过tkinter画布控件Canvas来实现绘制功能。...注:每一个画布对象都有一个“唯一身份ID”,这是 Tkinter 自动为其创建的,从而方便控制和操作这些画布对象。...一般情况下,默认主窗口的左上角为坐标原点,这种坐标系被称作为“窗口坐标系”,但也会存在另外一种情况,即画布大小可能大于主窗口,当发生这种情况的时,可以采用带滚动条的 Canvas 控件,此时会以画布的左上角为坐标原点...from tkinter import * root = Tk() # 设置窗口的背景颜色以区别画布 root.config(bg='blue') root.title("拜仁慕尼黑") root.geometry

86310

Python-GUI|Tkinter模块

这篇文章不会介绍如何灵活地运用Tkinter,而是阐述Tkinter这个库包括什么,它能干什么!...控件梳理 Button 按钮控件;在程序中显示按钮 Canvas 画布控件;显示图形元素,线条或文本 Checkbutton 多选框控件,用于在程序中提供多项选择框 Entry 输入控件;用于显示简单的文本内容...;用来显示多行文本,与label比较类似 Radiobutton 单选按钮控件;显示一个单选的按钮状态 Scale 范围控件;显示一个数值刻度,为输出限定范围的数字区间 Scrollbar 滚动条控件...,当内容超过可视化区域时使用,列表框 Text 文本控件;用于显示多行文本 Toplevel 容器控件;用来提供一个单独的对话框,和Frame比较类似 Spinbox 输入控件;与Entry...05 Tkinter共用属性 Dimension 控件大小; Color 控件颜色; Font 控件字体; Anchor 锚点; Relief 控件样式; Bitmap 位图; Cursor 光标;

4.6K100

太实用了!自己动手写软件——GUI编程

我们今天就来学习一下tkinter的使用。后面几天我们也将持续更新我们密码破解工具的完成过程,有兴趣的小伙伴可以和菜鸟小白一起每天完成一部分内容,最终自己完成一个软件的编写。...控件 描述 Button 按钮控件;在程序中显示按钮,包含的事件:鼠标悬浮、按下、释放以及键盘活动 Canvas 画布控件;显示图形元素,线条、椭圆、矩形等 Checkbutton 多选框控件;...消息控件;用来显示多行文本,与label比较类似 Radiobutton 单选按钮控件;显示一个单选的按钮状态 Scale 范围控件;显示一个数值刻度,为输出限定范围的数字区间 Scrollbar 滚动条控件...,当内容超过可视化区域时使用,列表框。....() window.mainloop() 首先我们导入tkinter模块 然后新建一个顶层窗口 五六行是定义顶层窗口的标题和大小 第八行是我们编写的Button控件,将其放置在window顶层框架上,

4.1K10

​Python | GUI编程之tkinter (一)

Canvas 画布控件;在窗口中画图,线条等元素 Checkbutton 多选框控件;用于在程序中提供多项选择框 Entry 输入控件;用于显示简单的文本内容 Frame 框架控件;在屏幕上定义一个区域...文本控件;用于显示多行文本 Toplevel 容器控件;用来提供一个单独的对话框,和Frame比较类似 除此之外,你可能还需要了解一下上述控件都具有的共同属性,如下表: 标准属性也就是所有控件的共同属性,大小...font:使用时,要赋予一个元组 font=("Times", 8, 'bold'),分别代表,字体,大小和样式,字体请查看,系统默认安装的字体,样式可以是bold、italic、underline、...画布控件:Canvas 画布控件,是可以在其上画图像的控件,可以在其上创建图像,直线,矩形,椭圆等。...滚动条控件:Scrollbar import tkinter as tk from tkinter import Scrollbar from tkinter import Listbox win =

5.9K31

Python 之 tkinter 学习笔记

创建一个窗口 由于 python 内置了 tkinter 因此我们不需要安装额外的库,直接导入即可 import tkinter as tk 下面是一个简单的示例,它创建了一个窗口,设置窗口标题,并设置窗口大小和位置...import tkinter as tk # 创建一个窗口实例 window = tk.Tk() # 设置窗口标题 window.title('my_window') # 设置窗口大小和位置(宽度...tkinter 类 元素 说明 Button 按钮 在程序中显示按钮 Canvas 画布 提供绘制功能 Checkbutton 多选框 在程序中显示多选框 Combobox 下拉框 显示下拉框 Entry...显示一个滚动条 Text 文本框 显示多行文本 messagebox 消息框 弹出一个消息框 设置组件位置 说完了部件之后,我们同样还要考虑放置部件的位置。...Entry 绑定了,因此更新了 path 之后,Entry 中会自动显示该路径。

6.9K20

Python Tkinter图形工具使用方法及实例解析

多行文本框组件 标签组件 Label 标签组件,可以显示图片和文字 Message 标签组件, 可以根据内容将文字换行 菜单 Menu 菜单组件 MenuButton 菜单按钮组件,可以实用Menu代替 滚动条...Scale 滑动组件 Scrollbar 滚动条组件 其他组件 Canvas 画布组件 Frame 框架组件,将多个组件编组 Toplevel 创建子窗口容器组件 组件的大致实用步骤创建总面板创建面板上各种组件...用来决定组件从哪个方向开始 支持ipadx,padx等参数,跟pack函数一样 支持rowspan,columnspan,代表跨行,跨列数列 place布局: 明确方位的摆放 相对位置布局,随意改变窗口大小会导致混乱...='A') btn1.pack(side=tkinter.LEFT, expand=tkinter.YES, fill=tkinter.Y) btn2 = tkinter.Button(baseFreame..., text='B') btn2.pack(side=tkinter.TOP, expand=tkinter.YES, fill=tkinter.BOTH) btn3 = tkinter.Button

1.5K30

Python--TKinter

Message 标签组件,可以根据内容将文字换行 菜单 Menu 菜单组件 MenuButton 菜单按钮组件,可以使用Menu代替 滚动条...Scale 滑块组件 Scrollbar 滚动条组件 其他组件 Canvas 画布组件 Frame 框架组件,将多个组件编组...用来决定组件从哪个方向开始 支持ipadx,padx等参数,跟pack吉函数含义一样 支持rowspan,columnapan,表示跨行,跨行数量 place布局 明确方位的摆放 相对位置布局,随意改变窗口大小会导致混乱...menubar.post(event.x_root, event.y_root) baseFrame.bind("", pop) baseFrame.mainloop() canvas 画布...画布:可以自由的在上面绘制图形的一个小舞台 在画布上绘制对象,通常用create_xxxx,xxxx=对象类型,例如line,rectangle 画布的作用的把一定的组件画到画布上显示出来 画布所支持的组件

5.1K107

GUI编程基础知识点总结

其实在python GUI 编程(图形用户界面编程)里可以实现将程序窗口化,可以引入 tkinter 模块,自己电脑上没有的话用 pip安装即可。...本篇文章小编就分享一些python GUI 编程的基础,后续还会更新一些更深层次的技巧。...可以手动为窗口添加属性,最基本的几种属性如下: title() 括号里面参数为代表窗口名称的字符串; resizable(x,y) 窗口可以在 x和y轴上可变化的调度; geometry(‘250×150’) 指定窗口的大小...将几个组件组成一组 Label 标签,可以显示文字或图片; Listbox 列表框; Menu 菜单; Menubutton 它的功能完全可以使用Menu替代; Message 与Label组件类似,但是可以根据自身大小将文本换行...; Radiobutton 单选框; Scale 滑块;允许通过滑块来设置一数字值 Scrollbar 滚动条; 配合使用canvas, entry, listbox, and text窗口部件的标准滚动条

2.1K10
领券