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

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

技术教程gslnedu2025-05-24 12:33:583A+A-

1 说明:

=====

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

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

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


2 图片来源:

=========

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


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文件,代码为:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--原图大小显示-->
    <!--img src="20.jpeg"  alt="头条图片" /-->
    <!--指定图片大小显示,如果指定位置显示那就是html相关知识-->
    <img src="20.jpeg"  alt="头条图片" width="400" height="300"/>
</body>
</html>

4.4.3 效果图:


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

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

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

点击这里复制本文地址 以上内容由朽木教程网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
qrcode

朽木教程网 © All Rights Reserved.  蜀ICP备2024111239号-8