目录
 
1，问题背景
 
2，在一张图中显示多条曲线
 
3，在一个窗口显示多张图片
 
注意：
 

1，问题背景
 
在一次任务中，老师给出了几个公式，其中含有三个自变量λ、μ、c。因为要观察最终的结果受这三个变量的影响，所以采用如下的展示方式：
 
c取1-6，分别对应6张小图；（图片个数表示此维度）
每张小图中λ取0-100，观察平均队列长度变化；（横坐标表示此维度）
每张小图中不同的曲线表示不同的μ取值；（曲线个数表示此维度）
效果如下：
 
 
由于之前并不熟悉python画图的格式等，特写此文记录过程。
 
2，在一张图中显示多条曲线
 
 
 
代码及图片来自@春风若是你【python使用matplotlib绘图详解（自动标记、将多条线绘制在一个图中，绘制多张图）】 
 
 
import numpy as np
import matplotlib.pyplot as plt
num = np.arange(40).reshape(10,4)#生成10行4列的数组
plt.rcParams['font.sans-serif'] = ['SimHei']#可以plt绘图过程中中文无法显示的问题
plt_label = 0
for link in range(len(num)):
    plt_label += 1
    plt.plot(num[0],num[link],label = '第'+ str(plt_label) + '条线段')
plt.legend()#显示图例，如果注释改行，即使设置了图例仍然不显示
plt.show()#显示图片，如果注释改行，即使设置了图片仍然不显示
 
 
 
 
3，在一个窗口显示多张图片
 
 
 
代码及图片来自@csdnzoutao【python使用opencv或matplotlib把多张图片显示在一个窗口内的方法】
 
 
import cv2
import matplotlib.pyplot as plt

# 使用matplotlib展示多张图片
def matplotlib_multi_pic1():
    for i in range(9):
        img = cv2.imread('/home/xxy/PycharmProjects/different_ocr/Auto_Cutting/test/20171217171857880.png')
        title="title"+str(i+1)
        #行，列，索引
        plt.subplot(3,3,i+1)
        plt.imshow(img)
        plt.title(title,fontsize=8)
        plt.xticks([])
        plt.yticks([])
    plt.show()
 matplotlib_multi_pic1()
 
 
 
 
注意：
 
 
 
1，PyCharm中直接安装cv2可能会安装失败，但是可以通过pip安装（若运行报错，提示pip版本需要更新，可以按照提示命令行，更新pip，然后再执行下列指令），亲测速度还是很快的。
 
 
pip install opencv-python
 
 
 
 
 
2，如果出现TypeError: Image data cannot be converted to float错误，可以查看自己的图片路径是否正确：图片路径以及图片名称尽量全部是英文、是否忘记照片格式等等
 

前几天在微博上，看到一张图片，看看大家能找出几个
 

 
 

 
 

 
 
四个卡通动物，我知道三个：
 
左边起第一个：拿三叉戟的BSD，linux的一个分支
 
第二个 ： linux企鹅，这个大家肯定都知道
 
第三个： 鲨鱼 groovy ，一种基于JVM（Java虚拟机）的敏捷开发语言
 
第四个不知道
 
喝的咖啡是 java  
 
笔筒中的羽毛 ： apache 
 
魔方 ： GTK ,是一套源码以LGPL许可协议分发、跨平台的图形工具包
 
桌布 ：GNOME
 
墙上的第一个照片 ：  Richard Matthew Stallman  ，自由软件运动的精神领袖、GNU计划以及自由软件基金会（Free Software Foundation）的创立者、著名黑客
 

 
 
暂时就找到了这几个 ，大家 还能找到哪些？？
 

 
 
经各位博友补充如下：
 
喝咖啡的恐龙 ：  Mozilla基金会，主要贡献为火狐浏览器。
 
桌子上便签上面类似飞鸟的图案 ：  OpenOffiece的徽标。
 
 
笔筒：  开源GIMP图片编辑工具。
 
 
墙上挂着的公牛头像：  GNU组织的标识
 
 
小骆驼：  Perl 文本处理语言。
 
 
鱼缸里的黄鱼：  OpenSSH。
 
 

 
 

 
 

 
 

 

[公安警务指挥一张图三维电子沙盘可视化地理信息系统](https://img-blog.csdnimg.cn/20190103133200100.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3ODk3NDYy,size_16,color_FFFFFF,t_7目前公安系统面临的问题
 A、基于警情、警力的可视化指挥调度能力不强；
 B、接处警和街面巡防管理粗放；
 C、情报与指挥脱节；
 D、指令发布低效单一；
 E、上述相关工作缺乏考核依据；
 根据公安业务管理需求，以“指挥扁平化、管理精细化、勤务可视化、情指一体化、服务民本化”为设计思想，整合和利用三台合一、有无线通信、短信平台、视频监控、治安卡口、情报平台、PGIS和GPS等系统和技术，构建与公安指挥系统改造相适应的接处警、街面防控勤务管理，实现市局指挥中心对接处警、情报作战、城区网格化防控、圈层封控、视频防控等基础警务的扁平化指挥。
 基于GIS、PGIS平台，充分整合公安的“五台合一”接处警系统，对GPS定位、天网视频监控和350M无线集群、短信系统等系统进行有效关联整合，从而构建了可用于公安日常工作和作战指挥的该、可视化指挥系统。系统可实现对巡逻警员在地图上进行实时定位显示，并直观立体的显示巡逻警员当前所在位置、姓名、单位、终端个呼、组呼号码等信息，达到警用地理信息、警力资源信息和无线语音调度资源共享，实现警用地理信息可视化指挥调度和辅助决策。系统是地理信息技术与公安信息系统特别是指挥自动化系统相结合的产物，初步构建了应急通信和该指挥体系。系统充分挖掘地理信息系统、视频图像等可视化技术手段，通过看“图”说“话”，将指挥调度所需的人、事、物等各要素置于地图之上的明处，将静态个体置于动态全局当中，使指挥系统通过信息技术手段打破了行政层级，实现了横向指挥到面、纵向指挥到点的可视该指挥。该指挥系统平台共有以下业务功能，分别为定位管理、勤务管理、接处警管理、网格巡防、短信系统、机构管理系统、设备管理系统、预案警力部署管理、预案资料数据呈现、视频防控管理系统、三色地域预警系统、警情统计、警情分析、警车警员管理、人脸识别、警情会商、车辆卡口、通讯管理、警车警员实时GPS定位管理、红外热谱图数据呈现系统、无人机倾斜摄影三维建模、人眼视角室内漫游。
 多点触摸三维地理信息系统（MTOUCH GIS）是根据武警、部队、公安作战管理以及交通管理行业需求，通过手势触摸或者鼠标控制，以三维地理信息、部队部署、要图标绘等为基础支撑，深度开发强化信息查询、地形分析、三维立体模型标绘、三维（二维）动态军标标绘、态势演示、联网标图、无人机倾斜摄影、动员数据、实时视频、接处警、街面防控勤务管理、指挥中心对接处警、情报作战、城区网格化防控、视频防控、北斗导航、实时语音、防恐防爆、抢险救灾动态演示、实时路况信息查询分析、交通事故热点信息查询分析、道路打桩信息等主要功能，为指挥员处置应急突发事件、正确分析情况、判定态势定下决心，提供有力的支撑。

 
 
 
  
我们知道，在PC端，想在一个页面插入一张背景图，只需要如下属性即可。
  
background-image: url("../images/photo.png"); 

  
在小程序里面，如此做法就行不通了，图片不但不会显示而且还会报错了
  

   
pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用<image/>标签。
  
  

   

    

     
    
   
   

    

   
  
  
很多人都会有这样的一种感受，在一边学习一遍做项目的过程中，总会遇到很多坑，今天给大家填坑，如何给小程序页面插入一张背景图。
  
参考了一下小程序的参考手册：
  https://www.w3cschool.cn/weixinapp/weixinapp-qa.html
  
在网上浏览了一遍，找到了几个比较靠谱的解决方案，简单方便。
  
解决方案：
  
解决方法一：
  
在使用背景图片的时候用网络图片，就是用外链的形式，比如你将这张图片放到你的服务器，如：https://xxxx/xxx.jpg；
  

   
1：用工具连接服务器
  
  

   

    

     
    
   
   

    

   
  
  

   
2：将桌面的图片拖入指定服务器文件夹底下
  
  

   
3：得到图片网络连接，添加到代码中，则可以显示背景图片
  
  

   

    

     
    
   
   

    

   
  
  
解决方法二：
  
将背景图片使用编码base64进行转换，可以在这个网址进行http://tool.css-js.com/base64.html 转换，如：background-image: url("转换后得到的编码文本")，如果多次使用的话可以将该值设置为全局变量，再在js文件进行引用即可；
  

   
1：打开在线图片转换平台
  
  

   

    

     
    
   
   

    

   
  
  

   
2：将桌面的图片导入，生成base64编码
  
  

   

    

     
    
   
   

    

   
  
  

   
3：将第三方平台编译过后的base64编码复制到wxss里面
  
  
// Base64 在wxss中的使用
page{
  background-image: url(""data:image/jpg;base64,/9j/4AAQSkZJRgABAQEA....");
}

  

   
4：效果如下：
  
  

   

    

     
    
   
   

    

   
  
  
缺点就是，这一大串编码太占用我们的代码空间了，鼠标要拖动许久许久，难免产生视觉疲劳。
  
下一章，小程序的图片的使用教程
  

   
原文作者：祈澈姑娘
技术博客：https://www.jianshu.com/u/05f416aefbe1
   
90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家加入群聊，一起探讨交流。
   
关注「编程微刊」公众号 ，在微信后台回复「领取资源」，获取IT资源300G干货大全。公众号回复“1”，拉你进程序员技术讨论群