jupyter notebook插入本地图片的实现


Posted in Python onApril 13, 2020

如何在Jupyter Notebook中插入本地图片?

我在网上搜索的时候,看到网上写的都是,将cell调节成为markdown cell, 然后输入下面的代码

![title](img/picture.png)

于是,在调节了路径之后,我按照上方的说明进行了操作,但是显示图片无法显示。

我思考了一下,才意识到,上面代码中的img是表示这里有一个文件夹,也就是说,我们需要先将我们的图片,放在一个叫做img 的文件夹里面,上面的代码才可以顺利进展下去。

补充知识:Jupyter Notebook显示图片(显示静态图片、显示动态图片、显示本地图片)

本篇博客记录如何使用 Jupyter Notebook 显示图片,第一种情况为使用 python 绘图时,网页中如何显示静态图片和动态图片;第二种情况为使用 Jupyter Notebook 做笔记时,在网页中调用本地的图片进行展示。

1. 显示绘制的图片

1)显示静态图片

声明:%matplotlib inline

import numpy as np
import matplotlib.pyplot as plt
%matplotlib inline

fig = plt.figure(figsize=(4.5, 3))
ax = fig.add_subplot(1, 1, 1)

x = np.linspace(-5, 5, 100)
y = x**2
ax.plot(x, y, 'r-')

fig.savefig('static_map.png')

jupyter notebook插入本地图片的实现

2)显示动态图片(以弹出窗口的方式)

声明:%matplotlib auto 或 %matplotlib

import numpy as np
import matplotlib.pyplot as plt
%matplotlib auto

def expand(mi, mx):
 inter = (mx - mi) * 0.05
 return mi-inter, mx+inter

x_min, x_max = expand(-5, 5)
y_min, y_max = expand(0, 25)

fig = plt.figure(figsize=(4.5, 3))
ax = fig.add_subplot(1, 1, 1)
ax.axis([x_min, x_max, y_min, y_max]) # 固定 X 轴和 Y 轴坐标范围
plt.ion()        # 连续动态图

# 初始化 (x, y) 坐标
pre_x = -5 
pre_y = pre_x ** 2

for _ in range(100):     # 以 0.1 的步长更新 x,绘制 y=x**2 的动态图
 cur_x = pre_x + 0.1
 cur_y = cur_x ** 2
 
 ax.plot([pre_x, cur_x], [pre_y, cur_y], 'r-')
 plt.pause(0.1)      # 每次绘制后暂停 0.1 秒
 
 pre_x, pre_y = cur_x, cur_y

jupyter notebook插入本地图片的实现

2. 显示本地的图片

步骤:

将单元格设置为 MarkDown 格式

jupyter notebook插入本地图片的实现

输入:![title](图片路径),即以 MarkDown 的方式打开图片

示例:![title](static_map.png)

jupyter notebook插入本地图片的实现

运行该单元格

jupyter notebook插入本地图片的实现

以上这篇jupyter notebook插入本地图片的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
用ReactJS和Python的Flask框架编写留言板的代码示例
Dec 19 Python
Python自定义类的数组排序实现代码
Aug 28 Python
解决pyqt中ui编译成窗体.py中文乱码的问题
Dec 23 Python
Python的爬虫框架scrapy用21行代码写一个爬虫
Apr 24 Python
Python中的__slots__示例详解
Jul 06 Python
Python3 queue队列模块详细介绍
Jan 05 Python
Python简单计算文件MD5值的方法示例
Apr 11 Python
Python实现二维曲线拟合的方法
Dec 29 Python
总结Python图形用户界面和游戏开发知识点
May 22 Python
Python+OpenCV 实现图片无损旋转90°且无黑边
Dec 12 Python
Python Pandas常用函数方法总结
Jun 15 Python
python神经网络学习 使用Keras进行简单分类
May 04 Python
Python BeautifulReport可视化报告代码实例
Apr 13 #Python
解决jupyter notebook 出现In[*]的问题
Apr 13 #Python
超全Python图像处理讲解(多模块实现)
Apr 13 #Python
关于jupyter打开之后不能直接跳转到浏览器的解决方式
Apr 13 #Python
Python restful框架接口开发实现
Apr 13 #Python
Jupyter notebook 启动闪退问题的解决
Apr 13 #Python
windows上彻底删除jupyter notebook的实现
Apr 13 #Python
You might like
UCenter Home二次开发指南
2009/05/28 PHP
PHP中STDCLASS用法实例分析
2016/11/11 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
Display SQL Server Login Mode
2007/06/21 Javascript
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
jQuery 行背景颜色的交替显示(隔行变色)实现代码
2009/12/13 Javascript
offsetParent 算法分析
2010/04/05 Javascript
解析jQuery与其它js(Prototype)库兼容共存
2013/07/04 Javascript
什么是JavaScript注入攻击?
2016/09/14 Javascript
ThinkPHP+jquery实现“加载更多”功能代码
2017/03/11 Javascript
js根据json数据中的某一个属性来给数据分组的方法
2018/10/08 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
深入讲解Python中面向对象编程的相关知识
2015/05/25 Python
关于反爬虫的一些简单总结
2017/12/13 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
python 常见字符串与函数的用法详解
2018/11/23 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
Python3.5模块的定义、导入、优化操作图文详解
2019/04/27 Python
Pytorch .pth权重文件的使用解析
2020/02/14 Python
Python3 Tensorlfow:增加或者减小矩阵维度的实现
2020/05/22 Python
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
html5用video标签流式加载的实现
2020/05/20 HTML / CSS
Europcar美国/加拿大:预订汽车或卡车租赁服务
2018/11/13 全球购物
Java基础面试题
2014/07/19 面试题
JSF的标签库有哪些
2012/04/27 面试题
空中乘务员岗位职责
2014/03/08 职场文书
酒店总经理岗位职责
2014/03/17 职场文书
预防煤气中毒方案
2014/06/16 职场文书
贯彻落实“八项规定”思想汇报
2014/09/13 职场文书
终止劳动合同通知书
2015/04/16 职场文书
美丽的大脚观后感
2015/06/03 职场文书
导游词之蜀山胜景瓦屋山
2019/11/29 职场文书
解决MySQL Varchar 类型尾部空格的问题
2022/04/06 MySQL
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python