$base_name = 'http://xxx/Public/Web/New/images/bg1-4.jpg';

 $e = 'http://xxx/qrcode.php?data=http://xxx?rec=J0010125';

 

 // Content type

 header('Content-Type: image/jpeg');

 

 // Load

 $thumb = @imagecreatefromjpeg($base_name);

 list($width, $height) = getimagesize($e);

 $e_p = imagecreatefrompng($e);

 

 // Resize

 imagecopyresized($thumb, $e_p, 100, 100, 0, 0, 200, 200, $width, $height);

 

 // Output

 imagejpeg($thumb);

 
imagedestroy($thumb);
 

 
 
100 100为位置坐标
 
200 200为二维码缩放后的大小
 
需要注意的是文件扩展名不同 需调用不同方法 

本篇博客记录如何使用 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')
 
 
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
 
 
2. 显示本地的图片
 
步骤：
 
 
将单元格设置为 MarkDown 格式
 
 
 
输入：![title](图片路径)，即以 MarkDown 的方式打开图片
 
示例：![title](static_map.png)
 
 
 
运行该单元格
 
 

动态加载显示图片：
 
CBitmap bitmap; //从资源中加载图片
 
bitmap.LoadBitmap(IDB_BITMAP1);
 //加载指定位图资源 Bmp图片ID

 
CStatic *p=(CStatic *)GetDlgItem(IDC_SHOWOK);  
 //获取对话框上的句柄 图片控件ID

 
p->ModifyStyle(0xf,SS_BITMAP|SS_CENTERIMAGE); 
//设置静态控件窗口风格为位图居中显示

 
p->SetBitmap(bitmap); 
 

动态创建p标签时默认会是一个标签占一行 如下图:
 设置标签的style属性display: inline;就不会占一行了 如下图 :
 
 
 
 
$(标签).attr(“style”,“display: inline;”);
 
 
设置style属性float: left;也可以不换行 但是会影响下面的HTML标签 所以用上面的那个
 
 
2019年7月8日13:08:48
 简书同步地址 ：https://www.jianshu.com/p/c14f48e39cb1