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抓取京东价格分析京东商品价格走势
Jan 09 Python
用Python从零实现贝叶斯分类器的机器学习的教程
Mar 31 Python
Pycharm学习教程(3) 代码运行调试
May 03 Python
Python生成数字图片代码分享
Oct 31 Python
Django实现学员管理系统
Feb 26 Python
python使用phoenixdb操作hbase的方法示例
Feb 28 Python
Python3之不使用第三方变量,实现交换两个变量的值
Jun 26 Python
Python CSV文件模块的使用案例分析
Dec 21 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
Apr 08 Python
基于pandas向csv添加新的行和列
May 25 Python
Python使用20行代码实现微信聊天机器人
Jun 05 Python
python实现学员管理系统(面向对象版)
Jun 05 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
PHP在特殊字符前加斜杠的实现代码
2011/07/17 PHP
PHP借助phpmailer发送邮件
2015/05/11 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
php集成动态口令认证
2016/07/21 PHP
php从身份证获取性别和出生年月
2017/02/09 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
js DOM模型操作
2009/12/28 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
javascript实现图片切换的幻灯片效果源代码
2012/12/12 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
JS通过ajax动态读取xml文件内容的方法
2015/03/24 Javascript
jQuery插件实现静态HTML验证码校验
2015/11/06 Javascript
JavaScript的设计模式经典之建造者模式
2016/02/24 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
基于jquery实现ajax无刷新评论
2020/08/19 Javascript
JS获取短信验证码倒计时的实现代码
2017/05/22 Javascript
微信小程序 rich-text的使用方法
2017/08/04 Javascript
浅谈webpack 自动刷新与解析
2018/04/09 Javascript
js实现购物车功能
2018/06/12 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
[01:10]DOTA2英雄背景故事第四期之混沌法则混沌骑士
2020/07/16 DOTA
python的else子句使用指南
2016/02/27 Python
Python引用计数操作示例
2018/08/23 Python
python飞机大战pygame游戏背景设计详解
2019/12/17 Python
Oral-B荷兰:牙医最推荐的品牌
2020/02/25 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
武汉瑞得软件笔试题
2015/10/27 面试题
结婚周年感言
2014/02/24 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
小学教师教学随笔
2015/08/14 职场文书
SONY AN-LP1 短波有源天线放大器
2021/04/22 无线电