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 相关文章推荐
python获得文件创建时间和修改时间的方法
Jun 30 Python
Python 爬虫图片简单实现
Jun 01 Python
python正则实现提取电话功能
Feb 24 Python
浅析python打包工具distutils、setuptools
Apr 20 Python
Python静态类型检查新工具之pyright 使用指南
Apr 26 Python
Django model select的多种用法详解
Jul 16 Python
如何在Django配置文件里配置session链接
Aug 06 Python
使用opencv将视频帧转成图片输出
Dec 10 Python
python虚拟环境模块venv使用及示例
Mar 04 Python
python编写一个会算账的脚本的示例代码
Jun 02 Python
python爬虫可以爬什么
Jun 16 Python
Python可视化神器pyecharts绘制水球图
Jul 07 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
图形数字验证代码
2006/10/09 PHP
centos 5.6 升级php到5.3的方法
2011/05/14 PHP
基于逻辑运算的简单权限系统(实现) JS 版
2007/03/24 Javascript
Javascript中的this绑定介绍
2011/09/22 Javascript
jQuery 在光标定位的地方插入文字的插件
2012/05/10 Javascript
jquery ready(fn)事件使用介绍
2013/08/21 Javascript
js中split函数的使用方法说明
2013/12/26 Javascript
jquery dataview数据视图插件使用方法
2016/12/23 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
2017/11/15 Javascript
JavaScript实现数值自动增加动画
2017/12/28 Javascript
浅谈vue项目可以从哪些方面进行优化
2018/05/05 Javascript
Vue页面骨架屏注入方法
2018/05/13 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
[48:30]LGD vs infamous Supermajor小组赛D组 BO3 第一场 6.3
2018/06/04 DOTA
wxPython窗口中文乱码解决方法
2014/10/11 Python
用python实现简单EXCEL数据统计的实例
2017/01/24 Python
Python实现的读取电脑硬件信息功能示例
2018/05/30 Python
PyTorch 1.0 正式版已经发布了
2018/12/13 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
python调用其他文件函数或类的示例
2019/07/16 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
python 实现分组求和与分组累加求和代码
2020/05/18 Python
Python DES加密实现原理及实例解析
2020/07/17 Python
python 元组和列表的区别
2020/12/30 Python
Python应用自动化部署工具Fabric原理及使用解析
2020/11/30 Python
CSS3 clip-path 用法介绍详解
2018/03/01 HTML / CSS
什么是servlet链?
2014/07/13 面试题
妇科医生自荐信
2013/11/05 职场文书
揭牌仪式主持词
2014/03/19 职场文书
煤矿安全生产标语
2014/06/06 职场文书
2014政府领导班子对照检查材料思想汇报(3篇)
2014/09/26 职场文书
普希金诗歌赏析(6首)
2019/08/22 职场文书
Java实现二分搜索树的示例代码
2022/03/17 Java/Android