box

从原图中同时裁剪多个人脸图像，保持位置不变，组合成新的灰度图

由 强颜欢笑 提交于 2019-12-23 20:52:28
#!/usr/bin/env python # -*- coding:utf-8 -*- #@Time : 19-12-23 下午5:37 #@Author: Bryan #@File : my_test.py ''' 从原图中裁剪部分人脸图像，保持位置不变， ''' import cv2 import numpy as np ratio=2#扩大比例 #画矩形框 def draw_box(image, box, color, thickness=2): b = np.array(box).astype(int) cv2.rectangle(image, (b[0], b[1]), (b[2], b[3]), color, thickness, cv2.LINE_AA) def main(): img_raw = cv2.imread('000021.jpg') img_raw = cv2.resize(img_raw, (300, 300), interpolation=cv2.INTER_AREA) rows, cols, ch = img_raw.shape #人为构造的矩形框，这里是图中的人脸位置 boxes = [[85.77092912833217, 55.85900957788992, 117.31985106905064, 85.6277261857844],

.slidetoggle() specific item's after click on their icon

由 强颜欢笑 提交于 2019-12-23 06:58:17
问题 i want to create a box to can show my server ip on that for this i create this: codepen.io/AlirezaBehnamnik/pen/xEVpBL i want when click on down icon in "Asia Game Public #1" box , just show ip of this box not other box thanks 回答1: You need to have a unique class/id to show/hide the specific div. check the updated link : //codepen.io/anon/pen/ozxqOL 来源： https://stackoverflow.com/questions/39505518/slidetoggle-specific-items-after-click-on-their-icon

jQuery 的基础用法

由 狂风中的少年 提交于 2019-12-22 23:28:37
jQuery 是对 JavaScript 的封装，它是免费、开源的 JavaScript 函数库，jQuery 极大地简化了 JavaScript 编程。 jQuery 的引入 在 html 文件 中加入引用，需要下载，也可以在线引用。 <script src= "js/jquery-1.12.4.min.js" ></script> jQuery 的入口函数 （页面加载完成获取标签元素，比 window.onload 快，onload 还需要等标签获取完数据才执行） // 简化写法 $(function() { ... } ) ; jQuery 选择器的种类 标签选择器 类选择器 id选择器 层级选择器 属性选择器 示例代码: $ ( '#myId' ) //选择id为myId的标签 $ ( '.myClass' ) // 选择class为myClass的标签 $ ( 'li' ) //选择所有的li标签 $ ( '#ul1 li span' ) //选择id为ul1标签下的所有li标签下的span标签 $ ( 'input[name=first]' ) // 选择name属性等于first的input标签 可以使用 length 属性来判断标签是否选择成功, 如果 length 大于 0 表示选择成功，否则选择失败。 $(function() { result = $ (

How can I restore my vagrant VM ( all file have been deleted)?

由 和自甴很熟 提交于 2019-12-22 18:39:13
问题 I don't know why but after doing vagrant halt then up, all my file in the VM are lost. There is only an empty data file. And when I SSH into it , putty tell me that the key has changed. I have saved a package.box that maybe can help to restore my VM. I really don't know what to do. Thanks very much 回答1: In some occasions, vagrant seems to recreate a new VM while there is existing ones. If you need to re-associate an existing VM to your current vagrant project directory, you can run the

说说css3布局

由 拜拜、爱过 提交于 2019-12-22 05:19:35
使用float属性或position属性布局的缺点 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> div { width: 20em; float: left; } #div1 { margin-right: 2em; } #div3 { width: 100%; background-color: yellow; height: 200px; } </style> </head> <body> <div id="div1"> <p> 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 </p> </div> <div id="div2"> <p> 示例文字。相对来说比较长的示例文字。 示例文字

自适应布局webkit-box的用法

由 泪湿孤枕 提交于 2019-12-22 02:15:22
Flexible Box Model(灵活盒子模型) 在平常的web横排布局中，会经常用到float或display:inline-block，但是在多种不同宽度的移动设备的自适应布局中用的话，还得设置百分比宽度和考虑清除浮动。而Flexible Box Model可以自动计算宽度和自适应，更加方便。 Flexible Box Model有几个属性： 1、box-orient 在父元素上设置 子元素排列 vertical (垂直) or horizontal（水平） 2、box-flex 在子元素上设置 兄弟元素之间比例，仅作一个系数 3、box-align 在父元素上设置 box 排列 4、box-direction 在父元素上设置 box 方向 可设置reverse排序相反 5、box-flex-group 在子元素上设置 以组为单位的流体系数 6、box-ordinal-group 以组为单位的子元素排列方向 7、box-pack 在父元素上设置 可设置center和vertically 以下是关于flexible box的几个实例 1、三列自适应布局，且有固定margin <style> *{ margin:0; padding:0; } .wrap { display: -webkit-box; -webkit-box-orient: horizontal; }

Curl error 7 on vagrant using guzzle

由 让人想犯罪 __ 提交于 2019-12-21 23:04:28
问题 I've get an Curl error 7: Failed to connect to site1.local port 8000: Connection refused , when i call it from another local site (site2.local). Both sites run on the same Vagrant box. When i replace the url to an url of an external site (eg. google.com), there is no problem in connecting. Why does vagrant refuse a call from his own? I searched the problem, but couldn't find any solution to this. Is there a way to call to another site on the same server using curl? edit: Vagrantfile: Vagrant

移动webAPP前端开发技巧汇总

由 两盒软妹~` 提交于 2019-12-21 11:28:29
1. viewport：webapp视图 也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是除去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域， 这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport; 实际上我们可以操作的属性有4 个： width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素） height - // viewport 的高度 （范围从223 到10,000） initial-scale - // 初始的缩放比例 （范围从>0 到10） minimum-scale - // 允许用户缩放到的最小比例 maximum-scale - // 允许用户缩放到的最大比例 user-scalable - // 用户是否可以手动缩 (no,yes) 那么到底这些设置如何让Safari 知道？其实很简单，就一个meta，形如： <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> //编码 <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0;maximum-scale=1.0; user

webkit开发，app移动前端知识点

由 感情迁移 提交于 2019-12-21 11:28:13
如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ： 1. viewport： 也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域， 这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport; 实际上我们可以操作的属性有4 个： width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素） height - // viewport 的高度 （范围从223 到10,000） initial-scale - // 初始的缩放比例 （范围从>0 到10） minimum-scale - // 允许用户缩放到的最小比例 maximum-scale - // 允许用户缩放到的最大比例 user-scalable - // 用户是否可以手动缩 (no,yes) 那么到底这些设置如何让Safari 知道？其实很简单，就一个meta，形如： <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> //编码 <meta

webkit开发，app移动前端知识点

由 空扰寡人 提交于 2019-12-21 11:27:56
1. viewport： 也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域， 这是真正有效的区域。由于移动设备屏幕宽度不同于传统 web ,因此我们需要改变viewport; 实际上我们可以操作的属性有4 个： width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素） height - // viewport 的高度 （范围从223 到10,000） initial-scale - // 初始的缩放比例 （范围从>0 到10） minimum-scale - // 允许用户缩放到的最小比例 maximum-scale - // 允许用户缩放到的最大比例 user-scalable - // 用户是否可以手动缩 (no,yes) 那么到底这些设置如何让Safari 知道？其实很简单，就一个meta，形如： <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> //编码 <meta id="viewport" name="viewport" content="width=320; initial-scale=1.0;maximum-scale=1.0; user-scalable
订阅 box