使用$.fn.layout.defaults重写默认值对象。 布局容器有5个区域：北、南、东、西和中间。中间区域面板是必须的，边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小，也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套，用户可以通过组合布局构建复杂的布局结构。 依赖关系 • panel • resizable 使用案例 创建布局 通过标签创建布局 为< div/>标签增加名为'easyui-layout'的类ID。 ` ` 使用完整页面创建布局 ` ` 创建嵌套布局 注意：嵌套在内部的布局面板的左侧(西面)面板是折叠的。 ` ` 4. 通过ajax读取内容 布局是以面板为基础创建的。所有的布局面板都支持异步加载URL内容。使用异步加载技术，用户可以使自己的布局页面显示的内容更多更快。 ``` ``` 折叠布局面板 ``` $('#cc').layout(); // collapse the west panel $('#cc').layout('collapse','west'); ``` 添加西侧区域面板和工具菜单按钮 ``` $('#cc').layout('add',{ region: 'west', width: 180, title: 'West Title', split: true, tools: [{ iconCls:'icon-add', handler:function(){alert('add')} },{ iconCls:'icon-remove', handler:function(){alert('remove')} }] }); ``` 布局属性 属性名 属性值类型 描述 默认值 fit boolean 如果设置为true，布局组件将自适应父容器。当使用'body'标签创建布局的时候，整个页面会自动最大。 false 事件 事件名 事件参数 描述 onCollapse region 在折叠区域面板的时候触发。（该事件自1.4.4版开始可用） onExpand region 在展开区域面板的时候触发。（该事件自1.4.4版开始可用） onAdd region 在新增区域面板的时候触发。（该事件自1.4.4版开始可用） onRemove region 在移除区域面板的时候触发。（该事件自1.4.4版开始可用） 区域面板属性 区域面板属性定义与panel组件类似，下面的是公共的和新增的属性： 属性名 属性值类型 描述 默认值 title string 布局面板标题文本。 null region string 定义布局面板位置，可用的值有：north, south, east, west, center。 border boolean 为true时显示布局面板边框。 true split boolean 为true时用户可以通过分割栏改变面板大小。 false iconCls string 一个包含图标的CSS类ID，该图标将会显示到面板标题上。 null href string 用于读取远程站点数据的URL链接 null collapsible boolean 定义是否显示折叠按钮。（该属性自1.3.3版开始可用） true minWidth number 最小面板宽度。（该属性自1.3.3版开始可用） 10 minHeight number 最小面板高度。（该属性自1.3.3版开始可用） 10 maxWidth number 最大面板宽度。（该属性自1.3.3版开始可用） 10000 maxHeight number 最大面板高度。（该属性自1.3.3版开始可用） 10000 expandMode string 在点击折叠面板时候的扩展模式。可用值有：“float”、“dock”和null float：区域面板将展开并浮动在顶部，在鼠标焦点离开面板时会自动隐藏。 dock：区域面板将展开并钉在面板上，在鼠标焦点离开面板时不会自动隐藏。 null：什么也不会发生。 （该属性自1.4.4版开始可用） float collapsedSize number 折叠后的面板大小。（该属性自1.4.4版开始可用） 28 hideExpandTool boolean 为true时隐藏折叠面板上的扩展面板工具。（该属性自1.4.4版开始可用） false hideCollapsedContent boolean 为true时隐藏折叠面板上的标题栏。（该属性自1.4.4版开始可用） true collapsedContent string,function(title) 定义在折叠面板上要显示标题内容。 1. 标题字符串； 2. 通过函数返回标题内容。 （该方法自1.4.4版开始可用） 代码示例： collapsedContent: function(title){ var region = $(this).panel('options').region; if (region == 'north' || region == 'south'){ return title; } else { return ' '+title+' '; } } 方法 方法名 方法参数 描述 resize param 设置布局大小。param对象包含如下属性： width：布局宽度。 height：布局高度。 代码示例： $('#cc').layout('resize', { width:'80%', height:300 }) panel region 返回指定面板，'region'参数可用值有：'north','south','east','west','center'。 collapse region 折叠指定面板。'region'参数可用值有：'north','south','east','west'。 expand region 展开指定面板。'region'参数可用值有：'north','south','east','west'。 add options 添加指定面板。属性参数是一个配置对象，更多细节请查看选项卡面板属性。 remove region 移除指定面板。'region'参数可用值有：'north','south','east','west'。 split region 分割区域面板。'region'参数可用值有：'north','south','east','west'。（该方法自1.4.2版开始可用） 代码示例： $("#layout").layout("split", "west"); unsplit region 移除指定面板。'region'参数可用值有：'north','south','east','west'。（该方法自1.4.2版开始可用） 代码示例： $("#layout").layout("unsplit", "west");

一 . opencv是什么及其作用？ 　　OpenCV是一个基于BSD许可（开源）发行的跨平台计算机视觉库，可以运行在Linux、Windows、Android和Mac OS操作系统上。它轻量级而且高效——由一系列 C 函数和少量 C++ 类构成，同时提供了Python、Ruby、MATLAB等语言的接口，实现了图像处理和计算机视觉方面的很多通用算法(百度百科)。 　　鉴于本人的工作环境主要是采用python作为开发工具，故本篇博客是基于python来做的学习记录。 二 . 环境依赖和opencv包 　　环境：python3.7+windows10 　　包：opencv-python、opencv-contrib-python 　　说明：装好python以后，直接在cmd里面使用pip install 即可，若遇见下载速度过慢或超时的情况，建议换个pip源，使用方式如：pip install package -i https://pypi.tuna.tsinghua.edu.cn/simple/ 三 . 基本使用 　　前提：准备若干张图片到本地 　　都知道一张图片是由很多个像素点组成，对于计算机而言，最终呈现在用户面前的是由每个像素点的值所决定（0~255），0对应黑色，255对应白色。我们在生活中通常接触的都是彩色图片，由RGB三通道共同构成一张上面的彩色图片，每一个通道对应的像素值反映出其亮度（三个通道可以理解成三个矩阵）。而灰度图像通常只有一个颜色通道来表现。 读取图片，将其转换为数组 复制代码 from matplotlib import pyplot as pyl import cv2 import numpy img = cv2.imread("cat.jpg") #img是一个numpy.ndarray对象，默认是以BGR三通道读取图片数据（三维数组） img_gray = cv2.imread("cat.jpg",cv2.IMREAD_GRAYSCALE) 以灰度图像方式读取图片数据（二维数组） 复制代码 数组数据转换 img_BGR = cv2.imread("cat.jpg") img_gray = cv2.cvtColor(img,cv2.COLOR_BGR2GRAY) #将其转换为灰度的二维数组数据 数组数据窗口展示 img = cv2.imread("cat.jpg") cv2.imshow("IMage",img) cv2.waitKey(0) # 按任意键关闭窗口，cv2.waitKey(1000) 延时一秒关闭窗口 cv2.destroyAllWindows() 图像保存 cv2.imwrite("mycat.jpg",img) 图像的截取 其实本质就是对np数组进行操作 img = cv2.imread("cat.jpg") cv2.imshow("IMage",img[:100,:200]) # 取前100行，前200列的像素作为图像展示 BGR数据切片 复制代码 img = cv2.imread("cat.jpg") 切片 b,g,r = cv2.split(img) # 得到各自颜色通道的二维数组数据 合并 img = cv2.merge(b,g,r) 复制代码 7 同样大小的数组像素值运算 复制代码 img = cv2.imread("cat.jpg") img_2 = numpy.copy(img) np相加,像素值只要超过255，就减掉255，比如257，结果就为2 print(img[:3,:3,0]+img_2[:3,:3,0] ) cv2相加,像素值超过255，就等于255 print(cv2.add(img[:3,:3,0],img_2[:3,:3,0])) 复制代码 8 图片的融合 复制代码 img_cat = cv2.imread("cat.jpg") img_dog = cv2.imread("dog.jpg") ret = cv2.addWeighted(img_cat,0.2,img_dog,0.8,0) # 数据后面的值决定图片融合和所占的权重 cv2.imshow("IMage",ret) cv2.waitKey(0) # 按任意键关闭窗口，cv2.waitKey(1000) 延时一秒关闭窗口 cv2.destroyAllWindows() 如果图片大小不一致，使用cv2.resize(img_xx,(300,200)) ————》转换为np.shape = 200,300的数组 复制代码 9 图片的比例缩放 img_cat = cv2.imread("cat.jpg") ret = cv2.resize(img_cat,(0,0),fx=3,fy=1) #横向拉长三倍 ret2 = cv2.resize(img_cat,(0,0),fx=3,fy=3) #图片扩大三倍 结语：本来准备认真写一下结尾的，毕竟作为易百纳的新人，写下第一篇学习笔记应当是值得纪念的一件事儿，不过想了想，这要是最后一篇那岂不是太尴尬了。嗯，作为一名不太合格的码农，我大多时候是很抗拒写笔记的，其实毕业工作也已经一年多了，一直也来也都知道一个好的学习习惯是多么重要。所以，我希望自己能改变的更快一点，能变得更加优秀，更加有底气的去尝试，去做自己觉得有意义真正想去做的事情。