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优化技巧之利用ctypes提高执行速度
Sep 11 Python
Python正则表达式指南 推荐
Oct 09 Python
python爬虫获取小区经纬度以及结构化地址
Dec 30 Python
django模板加载静态文件的方法步骤
Mar 01 Python
python的faker库用法
Nov 28 Python
Python+OpenCV+图片旋转并用原底色填充新四角的例子
Dec 12 Python
Python调用scp向服务器上传文件示例
Dec 22 Python
Python with标签使用方法解析
Jan 17 Python
windows10环境下用anaconda和VScode配置的图文教程
Mar 30 Python
python 提取html文本的方法
May 20 Python
浅谈Python数学建模之固定费用问题
Jun 23 Python
python神经网络 使用Keras构建RNN训练
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
PHP人民币金额数字转中文大写的函数代码
2013/02/27 PHP
Yii2中如何使用modal弹窗(基本使用)
2016/05/30 PHP
Laravel如何友好的修改.env配置文件详解
2017/06/07 PHP
js字符编码函数区别分析
2008/06/05 Javascript
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
javascript椭圆旋转相册实现代码
2012/01/16 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
js打开新窗口方法整理
2014/02/17 Javascript
JQuery下拉框应用示例介绍
2014/04/23 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
详解ECharts使用心得总结
2016/12/06 Javascript
JS查找数组中重复元素的方法详解
2017/06/14 Javascript
Vue2.0父子组件传递函数的教程详解
2017/10/16 Javascript
webpack4之如何编写loader的方法步骤
2019/06/06 Javascript
浅谈vue项目用到的mock数据接口的两种方式
2019/10/09 Javascript
详解node.js 事件循环
2020/07/22 Javascript
[02:01]BBC DOTA2国际邀请赛每日综述:八强胜者组鏖战,中国队喜忧参半
2014/07/19 DOTA
[53:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第三场 6.2
2018/06/03 DOTA
Python多线程编程(一):threading模块综述
2015/04/05 Python
python实现稀疏矩阵示例代码
2017/06/09 Python
Python3 实现文件批量重命名示例代码
2019/06/03 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
python的slice notation的特殊用法详解
2019/12/27 Python
Python通过2种方法输出带颜色字体
2020/03/02 Python
python 无损批量压缩图片(支持保留图片信息)的示例
2020/09/22 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
用Python实现职工信息管理系统
2020/12/30 Python
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
what is the difference between ext2 and ext3
2013/11/03 面试题
给校长的建议书200字
2014/05/16 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
幼儿园2016年圣诞活动总结
2016/03/31 职场文书
北京大学中文系教授推荐的10本小说
2019/08/08 职场文书
如何自己动手写SQL执行引擎
2021/06/02 MySQL