html 绘制矩形轨迹，选中区域
网格4*4，每个网格中存在小网格为8*8
支持从左上角拖拽选中，以及右下角拖拽选中
导出的数据含义，从右下角8*8网格开始每列自上向下，从左到右，
对于4*4网格，如图一顺序
code
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
.box1{
width:380px;
position: fixed;
z-index:;
border:1px solid #ccc;
left:;
right:;
margin:% auto auto auto;
background-color:#fff;
padding:6px;
}
.closeBtn{
float:right;
margin-right:%;
cursor: pointer;
}
.title{
height: 20px;
}
p{
padding:3px;
border-top:1px solid #ccc;
word-break:normal;
white-space:pre-warp;
word-wrap:break-word;
}
#active_box{
border:1px solid black;
width: 0px;
height: 0px;
position: absolute;
z-index:-;
}
table{
border-style: ridge;
position: positive;
opacity:0.75;
display:inline;
border-collapse:collapse;
}
table:hover{
cursor:pointer;
}
td
{
border: 1px solid black;
}
#d{
float:right;
}
#p{
float:left;
}
#tablelist{
opacity:;
width:%;
margin-left:%;
}
.white{
background-color:#ffffff;
}
.yellow{
background-color:#FFFF00;
border-radius:%;
}
#ddiv{
opacity:;
z-index:-;
}
button:hover{
cursor:pointer;
}
input:hover{
cursor:pointer;
}
.control{
text-align: center;
text-decoration: none;
background-color: #4CAF50; /* Green */
border: none;
color: white;
border-radius: 2px;
margin:%;
}
</style>
<script>
var is_down=;
var down_id="";
var up_id="";
var startX, startY;
var is_follow=;
var isExist=null;
// 鼠标移动
function mousemove(e){
if(is_down){
// 更新 box 尺寸
if(document.getElementById("active_box") !== null) {
var ab = document.getElementById("active_box");
if(e.pageX>startX){
if(e.pageY>startY){
ab.style.top = startY + 'px';
ab.style.left = startX + 'px';
ab.style.width = Math.abs(e.pageX - startX) + 'px';
ab.style.height = Math.abs(e.pageY - startY) + 'px';
}else if(e.pageY==startY){
ab.style.top = startY + 'px';
ab.style.left = startX + 'px';
ab.style.width = Math.abs(e.pageX - startX) + 'px';
ab.style.height = Math.abs(e.pageY - startY) + 'px';
}else{
ab.style.top = e.pageY + 'px';
ab.style.left = startX + 'px';
ab.style.width = Math.abs(e.pageX - startX) + 'px';
ab.style.height = Math.abs(e.pageY - startY) + 'px';
}
}else if(e.pageX==startX){
if(e.pageY>startY){
ab.style.top = startY + 'px';
ab.style.left = startX + 'px';
ab.style.width = Math.abs(e.pageX - startX) + 'px';
ab.style.height = Math.abs(e.pageY - startY) + 'px';
}else if(e.pageY==startY){
ab.style.top = startY + 'px';
ab.style.left = startX + 'px';
ab.style.width = Math.abs(e.pageX - startX) + 'px';
ab.style.height = Math.abs(e.pageY - startY) + 'px';
}else{
ab.style.top = e.pageY + 'px';
ab.style.left = startX + 'px';
ab.style.width = Math.abs(e.pageX - startX) + 'px';
ab.style.height = Math.abs(e.pageY - startY) + 'px';
}
}else{
if(e.pageY>startY){
ab.style.top = startY + 'px';
ab.style.left = e.pageX + 'px';
ab.style.width = Math.abs(e.pageX - startX) + 'px';
ab.style.height = Math.abs(e.pageY - startY) + 'px';
}else if(e.pageY==startY){
ab.style.top = e.pageY + 'px';
ab.style.left = e.pageX + 'px';
ab.style.width = Math.abs(e.pageX - startX) + 'px';
ab.style.height = Math.abs(e.pageY - startY) + 'px';
}else{
ab.style.top = e.pageY + 'px';
ab.style.left = e.pageX + 'px';
ab.style.width = Math.abs(e.pageX - startX) + 'px';
ab.style.height = Math.abs(e.pageY - startY) + 'px';
}
}
}
}else{
if(document.getElementById("active_box") !== null){
var ab = document.getElementById("active_box");
document.body.removeChild(ab);
}
}
}
function mouseDown(e,d)
{
down_id=e.id;
startX = d.pageX;
startY = d.pageY;
// 在页面创建 box
var active_box = document.createElement("div");
active_box.id = "active_box";
active_box.className = "box";
document.body.appendChild(active_box);
active_box.style.top = startY + 'px';
active_box.style.left = startX + 'px';
active_box = null;
is_down=;
}
function mouseUp(e,d)
{
is_down=;
if(document.getElementById("active_box") !== null){
var ab = document.getElementById("active_box");
document.body.removeChild(ab);
}
up_id=e.id;
tname_up=up_id.split(",")[];
tname_down=down_id.split(",")[];
x_up=parseInt(up_id.split(",")[]);
y_up=parseInt(up_id.split(",")[]);
x_down=parseInt(down_id.split(",")[]);
y_down=parseInt(down_id.split(",")[]);
if(down_id==up_id){
if(tname_up==tname_down&&tname_up=="p"){
//console.log("p");
if(e.className=="white"){
a=document.getElementById("p,"+x_up+","+y_up);
a.className = "yellow";
if(is_follow){
b=document.getElementById("d,"+x_down+","+y_down);
b.className = "yellow";
}
}else{
a=document.getElementById("p,"+x_up+","+y_up);
a.className = "white";
if(is_follow){
b=document.getElementById("d,"+x_down+","+y_down);
b.className = "white";
}
}
}else if(tname_up==tname_down&&tname_up=="d"){
if(e.className=="white"){
a=document.getElementById("d,"+x_up+","+y_up);
a.className = "yellow";
if(is_follow){
b=document.getElementById("p,"+x_down+","+y_down);
b.className = "yellow";
}
}else{
a=document.getElementById("d,"+x_up+","+y_up);
a.className = "white";
if(is_follow){
b=document.getElementById("p,"+x_down+","+y_down);
b.className = "white";
}
}
}
}else{
if(y_up>y_down){
if(x_up>=x_down){
for(i=x_down;i<=x_up;i++){
for(j=y_down;j<=y_up;j++){
//console.log("p,"+i+","+j);
if(tname_up==tname_down&&tname_up=="p"){
a=document.getElementById("p,"+i+","+j);
a.className = "yellow";
if(is_follow){
b=document.getElementById("d,"+i+","+j);
b.className = "yellow";
}
}else if(tname_up==tname_down&&tname_up=="d"){
a=document.getElementById("d,"+i+","+j);
a.className = "yellow";
if(is_follow){
b=document.getElementById("p,"+i+","+j);
b.className = "yellow";
}
}
}
}
}else {
for(i=x_up;i<=x_down;i++){
for(j=y_down;j<=y_up;j++){
//console.log(i+","+j);
if(tname_up==tname_down&&tname_up=="p"){
a=document.getElementById("p,"+i+","+j);
a.className = "white";
if(is_follow){
b=document.getElementById("d,"+i+","+j);
b.className = "white";
}
}else if(tname_up==tname_down&&tname_up=="d"){
a=document.getElementById("d,"+i+","+j);
a.className = "white";
if(is_follow){
b=document.getElementById("p,"+i+","+j);
b.className = "white";
}
}
}
}
}
}else if(y_up==y_down){
if(x_up>x_down){
for(i=x_down;i<=x_up;i++){
for(j=y_down;j<=y_up;j++){
//console.log(i+","+j);
if(tname_up==tname_down&&tname_up=="p"){
a=document.getElementById("p,"+i+","+j);
a.className = "yellow";
if(is_follow){
b=document.getElementById("d,"+i+","+j);
b.className = "yellow";
}
}else if(tname_up==tname_down&&tname_up=="d"){
a=document.getElementById("d,"+i+","+j);
a.className = "yellow";
if(is_follow){
b=document.getElementById("p,"+i+","+j);
b.className = "yellow";
}
}
}
}
}else {
for(i=x_up;i<=x_down;i++){
for(j=y_down;j<=y_up;j++){
//console.log(i+","+j);
if(tname_up==tname_down&&tname_up=="p"){
a=document.getElementById("p,"+i+","+j);
a.className = "white";
if(is_follow){
b=document.getElementById("d,"+i+","+j);
b.className = "white";
}
}else if(tname_up==tname_down&&tname_up=="d"){
a=document.getElementById("d,"+i+","+j);
a.className = "white";
if(is_follow){
b=document.getElementById("p,"+i+","+j);
b.className = "white";
}
}
}
}
}
}else{
if(x_up>=x_down){
for(i=x_down;i<=x_up;i++){
for(j=y_up;j<=y_down;j++){
//console.log(i+","+j);
if(tname_up==tname_down&&tname_up=="p"){
a=document.getElementById("p,"+i+","+j);
a.className = "white";
if(is_follow){
b=document.getElementById("d,"+i+","+j);
b.className = "white";
}
}else if(tname_up==tname_down&&tname_up=="d"){
a=document.getElementById("d,"+i+","+j);
a.className = "white";
if(is_follow){
b=document.getElementById("p,"+i+","+j);
b.className = "white";
}
}
}
}
}else{
for(i=x_up;i<=x_down;i++){
for(j=y_up;j<=y_down;j++){
//console.log(i+","+j);
if(tname_up==tname_down&&tname_up=="p"){
a=document.getElementById("p,"+i+","+j);
a.className = "white";
if(is_follow){
b=document.getElementById("d,"+i+","+j);
b.className = "white";
}
}else if(tname_up==tname_down&&tname_up=="d"){
a=document.getElementById("d,"+i+","+j);
a.className = "white";
if(is_follow){
b=document.getElementById("p,"+i+","+j);
b.className = "white";
}
}
}
}
}
}
}
}
function load(){
var follow_Obj = document.getElementById("follow");
follow_Obj.checked = true;
is_follow=;
document.getElementById("EleIdr").style.display="none";
}
function change(obj){
if (obj.checked == true){
is_follow=;
document.getElementById("EleIdr").style.display="none";
}
else{
is_follow=;
document.getElementById("EleIdr").style.display="inline";
}
}
function emp(){
for(i=;i<;i++){
for(j=;j<;j++){
//console.log(i+","+j);
a=document.getElementById("p,"+i+","+j);
b=document.getElementById("d,"+i+","+j);
a.className = "white";
b.className = "white";
}
}
}
function bin_to_hex(str) {
let hex_array = [{key:,val:""},{key:,val:""},{key:,val:""},{key:,val:""},{key:,val:""},{key:,val:""},{key:,val:""},{key:,val:""},
{key:,val:""},{key:,val:""},{key:'a',val:""},{key:'b',val:""},{key:'c',val:""},{key:'d',val:""},{key:'e',val:""},{key:'f',val:""}]
let value = ''
let list=[]
//console.log(str)
if(str.length%!==){
let a = ""
let b=a.substring(,-str.length%)
str = b.concat(str)
}
//console.log(str)
while (str.length > ) {
list.push(str.substring(, ))
str = str.substring();
}
list.push(str)
//console.log(list)
for(let i=;i<list.length;i++){
for(let j=;j<hex_array.length;j++){
if(list[i]==hex_array[j].val){
value = value.concat(hex_array[j].key)
break
}
}
}
//console.log(value)
return value
}
function output(e){
var isExist = document.getElementById('boxId');
var arrayObj = new Array();
var ll=;
var pointcur=[,];
if(e.id=="EleIdr"){
for(i=;i<;i++){
if(ll==){
for(j=;j<;j++){
for(n=pointcur[];n<pointcur[]+;n++){
var arraytmp = new Array();
for(m=pointcur[];m<pointcur[]+;m++){
//console.log(m,n);
d=document.getElementById('d,'+m+","+n);
if(d.className =="white"){
arraytmp.push();
}else{
arraytmp.push();
}
}
hex=bin_to_hex(arraytmp.join(""));
//console.log(hex);
arrayObj.push("0x"+hex);
}
if(j!=){
pointcur[]=pointcur[]-;
}
}
ll=;
pointcur[]=pointcur[]-;
}else{
for(j=;j<;j++){
for(n=pointcur[];n<pointcur[]+;n++){
var arraytmp = new Array();
for(m=pointcur[];m<pointcur[]+;m++){
//console.log(m,n);
d=document.getElementById('d,'+m+","+n);
if(d.className =="white"){
arraytmp.push();
}else{
arraytmp.push();
}
}
hex=bin_to_hex(arraytmp.join(""));
arrayObj.push("0x"+hex);
}
if(j!=){
pointcur[]=pointcur[]+;
}
}
ll=;
pointcur[]=pointcur[]-;
}
}
}else{
for(i=;i<;i++){
if(ll==){
for(j=;j<;j++){
for(n=pointcur[];n<pointcur[]+;n++){
var arraytmp = new Array();
for(m=pointcur[];m<pointcur[]+;m++){
//console.log(m,n);
d=document.getElementById('p,'+m+","+n);
if(d.className =="white"){
arraytmp.push();
}else{
arraytmp.push();
}
}
hex=bin_to_hex(arraytmp.join(""));
arrayObj.push("0x"+hex);
}
if(j!=){
pointcur[]=pointcur[]-;
}
}
ll=;
pointcur[]=pointcur[]-;
}else{
for(j=;j<;j++){
for(n=pointcur[];n<pointcur[]+;n++){
var arraytmp = new Array();
for(m=pointcur[];m<pointcur[]+;m++){
//console.log(m,n);
d=document.getElementById('p,'+m+","+n);
if(d.className =="white"){
arraytmp.push();
}else{
arraytmp.push();
}
}
hex=bin_to_hex(arraytmp.join(""));
arrayObj.push("0x"+hex);
}
if(j!=){
pointcur[]=pointcur[]+;
}
}
ll=;
pointcur[]=pointcur[]-;
}
}
}
//判断是否存在，防止重复添加
if( undefined == isExist || null == isExist ){
text="";
for (i = ; i < arrayObj.length; i++) {
text += arrayObj[i] + ",";
if((i+)%==){
text +="<br>";
}
}
//生成一个div
var boxDiv = document.createElement('div');
boxDiv.className = 'box1'; //添加我们自定义的样式
boxDiv.id = 'boxId'; //给这个DIV添加一个ID,便于删除
boxDiv.innerHTML = "<div class='title'><span class='closeBtn' onclick='removeDiv()'>关闭</span></div><p>"+text+"</p>";
document.body.appendChild(boxDiv);
}
}
//移除DIV事件
function removeDiv(){
var boxDiv = document.getElementById('boxId');
document.body.removeChild(boxDiv);
}
</script>
</head>
<body ondragstart = "return false;" onload="load()">
<script>
var winHeight=;
var winWidth=;
if(window.innerHeight){
winHeight = window.innerHeight;
}
else if((document.body) && (document.body.clientHeight)){
winHeight = document.body.clientHeight;
}
if(window.innerWidth){
winWidth = window.innerWidth;
}
else if((document.body) && (document.body.clientWidth)){
winWidth = document.body.clientWidth;
}
th_width=Math.ceil(0.45*(winHeight-)/);
document.write("<div id='tablelist'"+">")
document.write("<table id ='p'"+" onmousemove='mousemove(event)'"+">")
for (i = ; i <; i++){
document.write("<tr class='p,"+i+"'>")
for(j=;j<;j++){
document.write("<td id='p,"+i+","+j+"' "+"width="+th_width+" "+"height="+th_width+" class='white'"+" onmousedown='mouseDown(this,event)'"+" onmouseup='mouseUp(this,event)'"+"></td>")
}
document.write("</tr>")
}
for (i = ; i <; i++){
for (j = ; j <; j++){
if(i==){
document.getElementById('p,'+i+","+j).style.borderBottom="1.2px solid #FF00FF";
}else if(j==){
document.getElementById('p,'+i+","+j).style.borderRight="1.2px solid #FF00FF";
}else if(i==){
document.getElementById('p,'+i+","+j).style.borderBottom="1.51px solid #FF00FF";
}else if(j==){
document.getElementById('p,'+i+","+j).style.borderRight="1.51px solid #FF00FF";
}else if(j==){
document.getElementById('p,'+i+","+j).style.borderRight="1.2px solid #FF00FF";
}else if(i==){
document.getElementById('p,'+i+","+j).style.borderBottom="1.2px solid #FF00FF";
}
}
}
x=document.getElementById('p,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('p,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('p,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('p,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('p,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('p,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('p,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('p,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('p,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
document.write("</table>")
document.write("<table id ='d'"+" onmousemove='mousemove(event)'"+">")
for (i = ; i <; i++){
document.write("<tr class='d,"+i+"'>")
for(j=;j<;j++){
document.write("<td id='d,"+i+","+j+"' "+"width="+th_width+" "+"height="+th_width+" class='white'"+" onmousedown='mouseDown(this,event)'"+" onmouseup='mouseUp(this,event)'"+"></td>")
}
document.write("</tr>")
}
for (i = ; i <; i++){
for (j = ; j <; j++){
if(i==){
document.getElementById('d,'+i+","+j).style.borderBottom="1.2px solid #FF00FF";
}else if(j==){
document.getElementById('d,'+i+","+j).style.borderRight="1.2px solid #FF00FF";
}else if(i==){
document.getElementById('d,'+i+","+j).style.borderBottom="1.51px solid #FF00FF";
}else if(j==){
document.getElementById('d,'+i+","+j).style.borderRight="1.51px solid #FF00FF";
}else if(j==){
document.getElementById('d,'+i+","+j).style.borderRight="1.2px solid #FF00FF";
}else if(i==){
document.getElementById('d,'+i+","+j).style.borderBottom="1.2px solid #FF00FF";
}
}
}
x=document.getElementById('d,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('d,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('d,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('d,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('d,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('d,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('d,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('d,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
x=document.getElementById('d,'++","+);
x.style.cssText="border-right:1.2px solid #FF00FF;border-bottom:1.2px solid #FF00FF;";
document.write("</table>")
document.write("<input type='checkbox' id='follow' onclick='change(this)'/>follow")
document.write("<button class='control' id='EleIdl' onclick='output(this)'>o_left</button>")
document.write("<button class='control' id='EleIdr' onclick='output(this)'>o_right</button>")
document.write("<button class='control' onclick='emp()'>clear</button>")
document.write("</div>")
</script>
</body>
</html>
html 绘制矩形轨迹，选中区域的更多相关文章
- opencv2 使用鼠标绘制矩形并截取和保存矩形区域图像
前言 好长时间没写博文了,今天偷偷懒写篇关于opencv2中鼠标响应操作的文章. 鼠标操作属于用户接口设计,以前一直使用Qt来做,但是如果只需要简单的鼠标,键盘操作,直接调用opencv库的函数也未尝 ...
- 在OpenCV中利用鼠标绘制矩形和截取图像的矩形区域
这是两个相关的程序,前者是后者的基础.实际上前一个程序也是在前面博文的基础上做的修改,请参考<在OpenCV中利用鼠标绘制直线> .下面贴出代码. 程序之一,在OpenCV中利用鼠标绘制矩 ...
- Skyline实现橡皮筋效果绘制矩形框
这种类似于框选的效果用的比较普遍,一般三维平台和GIS平台都提供了支持接口,可是Skyline就是这么傲娇! 思路是这样的:绘制出的矩形框应该是一直与屏幕边框平行的,也就是矩形框的实际旋转角度是等于摄 ...
- vue cavnas绘制矩形，并解决由clearRec带来的闪屏问题
起因:在cavnas绘制矩形时 鼠标移动一直在监测中,所以鼠标移动的轨迹会留下一个个的矩形框, 要想清除矩形框官方给出了ctx.clearRect() 但是这样是把整个画布给清空了,因此需要不断 向画 ...
- 获取IMap上绘制的Element的区域范围
运行环境:开发环境:Windows7旗舰版64bit.VisualStudio2008 With SP1.ArcEngine10.0.NetFrameWork4.0.IIS7和C#开发语言. 问题描述 ...
- Python学习（一） —— matplotlib绘制三维轨迹图
在研究SLAM时常常需要对其输出的位姿进行复现以检测算法效果,在ubuntu系统中使用Python可以很好的完成相关的工作. 一. Ubuntu下Python的使用 在Ubuntu下使用Python有 ...
- canvas学习总结六：绘制矩形
在第三章中(canvas学习总结三:绘制路径-线段)我们提高Canvas绘图环境中有些属于立即绘制图形方法,有些绘图方法是基于路径的. 立即绘制图形方法仅有两个strokeRect(),fillRec ...
- Javascript高级编程学习笔记（86）—— Canvas(3)绘制矩形
绘制矩形 矩形是唯一一种可以直接在2D上下文中绘制的形状. 与矩形有关的方法包括: fillRect() strokeRect() clearRect() 上述方法都接收四个参数: 绘制矩形的 X 坐 ...
- canvas绘制矩形
canvas绘制矩形 方法 fillRect(x, y, width, height) 画一个实心的矩形 clearRect(x, y, width, height) 清除一块儿矩形区域 stroke ...
随机推荐
- 安卓手机上微信无法打开Https网址的完美解决方案
1,第三方网站检测网站的SSL证书是否正确的安装 https://www.geocerts.com/ssl-checker,大概率你会看到下边的场景,一个证书链完整的警告,如果想知道我的基础配置是什么 ...
- MVC5+Easyui1.3.6+EF6 开发部分备忘笔记
一点一点增加,后面继续. 1.Row Editing in DataGrid 编辑,总是绑定不了checkbox的问题
- python （ EOL while scanning string literal）
python错误: EOL while scanning string literal: 这个异常造成的原因是字符串,引号没有成对出现 参考:http://www.jb51.net/article/6 ...
- uva12206 后缀数组
这题说的是给了一串字符 我们要将这个字符 中找出至少出现m次的最长字符串 一个字符课多次使用 利用后缀数组计算最长的lcp 这里有一个点 记得将后缀数组中加入一个空串 如果遇到全部相同的字符时 没办法 ...
- php CI 实战教程第一季百度经验杂志
phpCI实战教程第一季_百度经验杂志_百度经验http://jingyan.baidu.com/magazine/16428 杂志为本人php CI实战教程系列经验 从实际项目使用中写系列实战经验, ...
- git常用命令3
一. Git 常用命令速查 git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看 ...
- OpenCV Using Python——基于SURF特征提取和金字塔LK光流法的单目视觉三维重建 (光流、场景流)
https://blog.csdn.net/shadow_guo/article/details/44312691 基于SURF特征提取和金字塔LK光流法的单目视觉三维重建 1. 单目视觉三维重建问题 ...
- Google's Machine Learning Crash Course #02# Descending into ML
INDEX How do we know if we have a good line Linear Regression Training and Loss How do we know if we ...
- ES6学习--对象属性的可枚举性（ enumerable）
可枚举性(enumerable)用来控制所描述的属性,是否将被包括在for...in循环之中.具体来说,如果一个属性的enumerable为false,下面三个操作不会取到该属性.* for..in循 ...
- apache中的https设置基于阿里云免费ssl服务
环境是:debian7+apache2.2+阿里云免费ssl服务,站点以前的http已经在运行了, 1.开通阿里云免费SSL&DNS解析配置 购买位置:打开阿里云找到“产品”-“安全”-“CA ...