Cnv2Cnv OSM Maps THREE.js HTML2Canvas.js canvas texture SYNC
Cnv2Cnv OSM Maps THREE.js HTML2Canvas.js canvas texture SYNC
by denis_miroshnikov_ts
HTML
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>3D item Tracking</title>
<style>
html,
body {
/*width: 100%;*/
height: 94%;
margin: 0px;
padding: 0px;
background-color: #ffffff
}
button {
position: absolute;
top: 520px;
left: 30px;
border: 1px solid black;
/*clear: both;
display: block;*/
z-index: 150;
background: red;
}
#runbtn0 {
position: absolute;
top: 560px;
left: 30px;
border: 1px solid black;
/*clear: both;
display: block;*/
z-index: 150;
background: white;
}
#input0 {
position: absolute;
top: 590px;
left: 60px;
border: 1px solid black;
z-index: 150;
background: white;
}
#input0l {
position: absolute;
top: 570px;
left: 5px;
z-index: 150;
background: white;
}
#input1 {
position: absolute;
top: 620px;
left: 60px;
border: 1px solid black;
z-index: 150;
background: white;
}
#input1l {
position: absolute;
top: 600px;
left: 5px;
z-index: 150;
background: white;
}
#input2 {
position: absolute;
top: 650px;
left: 60px;
border: 1px solid black;
z-index: 150;
background: white;
}
#input2l {
position: absolute;
top: 630px;
left: 5px;
z-index: 150;
background: white;
}
#runbtn2 {
position: absolute;
top: 520px;
left: 200px;
border: 1px solid black;
z-index: 150;
background: green;
}
#runbtn3 {
position: absolute;
top: 560px;
left: 200px;
border: 1px solid black;
z-index: 150;
background: blue;
}
#inputMapHW {
position: absolute;
top: 560px;
...