当前位置：网站首页 > 技术资源 > 正文

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

off999 2024-12-03 00:11 21 浏览 0 评论

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示意图：

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

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

python读取图片