pywebview:python更好用的web框架学习之图片显示

1 说明:

=====

1.1 进一步学习pywebview相关知识。

1.2 多种方法显示图片;html相关知识复习,通俗易懂,使用起来比Eel方便。

1.3 一秒入门,小白一看就会,少走弯路。


2 图片来源:

=========

今日头条正版图片免费使用。


取名:20.jpeg

3 图片显示:

=========

3.1 方法一,代码:

#方法一:默认图片大小显示法
import webview
if __name__ == '__main__':
   #图片与py代码文件放在同一个文件夹即可
    webview.create_window('图片显示', '20.jpeg', text_select=True)
    webview.start()

3.2 方法二,代码:

#方法二:指定窗口大小,图片原图显示法
import webview
if __name__ == '__main__':
    webview.create_window('图片显示', '20.jpeg', text_select=True,width=400, height=300)
    webview.start()

3.3 方法三,代码:

#方法三:理解url和html
import webview
#html='20.jpeg'
pic='20.jpeg'
if __name__ == '__main__':
    #窗口默认大小,注意如果下面是html=pic或者html就报错
    webview.create_window('图片显示', url=pic, text_select=True)
    webview.start()

3.4 方法四,

3.4.1 py代码:文件名:main.py

#方法四:全屏打开html,显示原图大小
import webview
html='1.html'
if __name__ == '__main__':
    #窗口默认大小,注意如果下面是html=pic或者html就报错
    webview.create_window('图片显示', url=html, text_select=True)
    webview.start()

4.4.2 注意:这里多一个:1.html文件,代码为:




    
    
    Document


    
    
    
    

4.4.3 效果图:


4.4.4 复习快速用微软vscode编辑器新建html的方法,gif示意图:

注意英文状态的输入法下的“!”,然后再回车即可。

自己整理,分享出来,喜欢就点赞、转发和收藏。