python画布添加背景图片_Python 设置 Canvas 背景图片且支持全屏显示

图1 全屏显示图片

由于 PhotoImage 若没有被引用，便会自动销毁，所以需要显示的引用它：

from tkinter import Tk, Canvas

from PIL import Image, ImageTk

class CanvasMeta(Canvas):

def __init__(self, master, cnf={}, **kw):

super().__init__(master, cnf, **kw)

self.photo = None # 显示的引用 PhotoImage

def set_photo(self, photo):

'''设置背景图'''

# 使用实例变量引用避免 PhotoImage 被销毁

self.photo = ImageTk.PhotoImage(file=photo)

为了查看画布的坐标，需要绑定事件：

class Graph(CanvasMeta):

def __init__(self, master, cnf={}, **kw):

super().__init__(master, cnf, **kw)

self.bind('<1>', self.print_xy)

def print_xy(self, event):

print(event.x ,event.y)

下面可以直接查看背景图片：

def run(name):

root = Tk()

self = Graph(root, bg='pink')

self.set_photo(name)

self.create_image(0, 0, image=self.photo, anchor='nw')

self.grid(sticky='nsew')

root.columnconfigure(0, weight=1)

root.rowconfigure(0, weight=1)

root.mainloop()

if __name__ == "__main__":

name = 'images/car.jpg'

run(name)

效果图如下：

图2 初设背景图

这里显示的并不美观，下面我们添加图片全屏显示，随着窗口大小的改变而变：

python画布添加背景图片_Python 设置 Canvas 背景图片且支持全屏显示相关推荐

python opencv显示图片窗口调节_opencv python全屏显示、置窗口大小和位置
opencv python全屏显示.设置窗口大小和位置文章目录: 一.全屏显示图片或视频二.设置窗口的大小和位置 1.设置窗口的大小 2.设置窗口的位置一.全屏显示图片或视频有时我们需要显示图 ...
opencv python全屏显示、置窗口大小和位置
opencv python全屏显示.设置窗口大小和位置文章目录: 一.全屏显示图片或视频二.设置窗口的大小和位置 1.设置窗口的大小 2.设置窗口的位置一.全屏显示图片或视频有时我们需要显示图 ...
HTML背景图全屏显示
要在HTML中实现全屏显示的背景图,可以使用CSS的background属性和一些特定的值来实现.以下是一种方法: HTML: <!DOCTYPE html> <html> & ...
android gridview设置高度,android设置GridView高度自适应，实现全屏铺满效果
使GridView每个item的高度自适应拉伸,达到整个GridView刚好铺满全屏的效果. public static void setGridViewMatchParent(GridView gr ...
通过css设置canvas背景图片
需要注意的是:canvas和img(做背景的)需要放到一个盒子中,这个盒子需要设置相对位置,而canvas和img需要设置相同的相对位置(父标签的左上角为参考) <!DOCTYPE html&g ...
微信小程序页面添加背景图，图片全屏显示
前言微信的wxss里面不允许使用使用 background: url(),只能另外找方法进行背景图片显示. 方法 1.wxss页面里面设置页面的全屏宽高,以及view添加宽高 page{height ...
html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色
CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助.通常对网页设置背景直接对body设置背景 ...
CSS设置html网页背景图片 CSS设置网页背景颜色
http://www.divcss5.com/jiqiao/j768.shtml CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技 ...
css背景图片高斯模糊_如何将网页CSS背景图高斯模糊且全屏显示
以Path为代表的,展示了这种背景图模糊并全屏显示的方法,而且会根据屏幕分辨率放大缩小. 这种效果应该怎么实现呢? 高斯模糊是PS.FW图片处理工具搞的. 全屏显示的方法 1:使用CSS .bg { ...

python画布添加背景图片_Python 设置 Canvas 背景图片且支持全屏显示

python画布添加背景图片_Python 设置 Canvas 背景图片且支持全屏显示相关推荐

最新文章

热门文章