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解析xml中dom元素的方法
Mar 12 Python
Python简单生成8位随机密码的方法
May 24 Python
浅谈Python中带_的变量或函数命名
Dec 04 Python
Python3环境安装Scrapy爬虫框架过程及常见错误
Jul 12 Python
Django框架模型简单介绍与使用分析
Jul 18 Python
Python实现字符串中某个字母的替代功能
Oct 21 Python
Python响应对象text属性乱码解决方案
Mar 31 Python
ansible-playbook实现自动部署KVM及安装python3的详细教程
May 11 Python
使用Keras预训练模型ResNet50进行图像分类方式
May 23 Python
python golang中grpc 使用示例代码详解
Jun 03 Python
浅析Python 责任链设计模式
Sep 11 Python
Python importlib模块重载使用方法详解
Oct 13 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
PHP设计模式之观察者模式(Observer)详细介绍和代码实例
2014/04/08 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
php如何实现数据库的备份和恢复
2020/11/30 PHP
Cookie 注入是怎样产生的
2009/04/08 Javascript
iframe 自适应高度[在IE6 IE7 FF下测试通过]
2009/04/13 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
模拟jQuery ajax服务器端与客户端通信的代码
2011/03/28 Javascript
range 标准化之获取
2011/08/28 Javascript
js禁止回车提交表单的示例代码
2013/12/23 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
2014/05/04 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
微信小程序实现自定义picker选择器弹窗内容
2020/05/26 Javascript
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
Vue项目查看当前使用的elementUI版本的方法
2018/09/27 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
JavaScript 作用域实例分析
2019/10/02 Javascript
vue使用openlayers实现移动点动画
2020/09/24 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
2020/11/11 Javascript
原生JS实现拖拽效果
2020/12/04 Javascript
[02:24]DOTA2亚洲邀请赛 NAVI战队出场宣传片
2015/02/07 DOTA
[00:32]10月24、25日 辉夜杯外卡赛附加赛开赛!
2015/10/23 DOTA
Python获取文件所在目录和文件名的方法
2017/01/12 Python
python字符串循环左移
2019/03/08 Python
浅谈Python3中strip()、lstrip()、rstrip()用法详解
2019/04/29 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
Cinque网上商店:德国服装品牌
2019/03/17 全球购物
新疆民族团结演讲稿
2014/08/27 职场文书
党的群众路线整改落实情况汇报
2014/10/28 职场文书
工程部部长岗位职责
2015/02/12 职场文书
民政局未婚证明
2015/06/15 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
会议开幕致辞怎么写
2016/03/03 职场文书
mysql分表之后如何平滑上线详解
2021/11/01 MySQL
简单聊聊TypeScript只读修饰符
2022/04/06 Javascript
Android学习之BottomSheetDialog组件的使用
2022/06/21 Java/Android