Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果框位于其他div中,如何检查和打印?_Javascript_Php_Jquery_Canvas_Dropdown - Fatal编程技术网

Javascript 如果框位于其他div中,如何检查和打印?

Javascript 如果框位于其他div中,如何检查和打印?,javascript,php,jquery,canvas,dropdown,Javascript,Php,Jquery,Canvas,Dropdown,我需要这个学校项目。 我创建了一个可以上传图片的页面,但这并不重要。 在这个图像上,我可以创建画布,当我创建第一个画布时,这个id=room[1],当我创建第二个画布时,这个id=room[2] 因此,我创建了两个画布,我有: room[1] room[2] 好的,我可以在我的图像上放置一个图标,我编写脚本来检查这个图标是否在画布(房间)中。 现在我需要做的是,如果这个图标在画布上,我点击一个“打印”按钮,我需要看到我所有的房间和这个房间里的所有东西 请看脚本: initDraw(docum

我需要这个学校项目。 我创建了一个可以上传图片的页面,但这并不重要。 在这个图像上,我可以创建画布,当我创建第一个画布时,这个
id=room[1]
,当我创建第二个画布时,这个
id=room[2]
因此,我创建了两个画布,我有:

room[1]
room[2]
好的,我可以在我的图像上放置一个图标,我编写脚本来检查这个图标是否在画布(房间)中。 现在我需要做的是,如果这个图标在画布上,我点击一个“打印”按钮,我需要看到我所有的房间和这个房间里的所有东西

请看脚本:

initDraw(document.getElementById('canvas');
$(文档).ready(函数(){
总和=0;
});       
函数initDraw(画布){
函数设置鼠标位置(e){
var ev=e | | window.event;//Moz | | IE
如果(ev.pageX){//Moz
mouse.x=ev.pageX+window.pageXOffset;
mouse.y=ev.pageY+window.pageYOffset;
}else如果(ev.clientX){//IE
mouse.x=ev.clientX+document.body.scrollLeft;
mouse.y=ev.clientY+document.body.scrollTop;
}
};
变量鼠标={
x:0,,
y:0,
startX:0,
startY:0
};
var元素=null;
canvas.onmousemove=函数(e){
设置鼠标位置(e);
if(元素!==null){
element.style.width=Math.abs(mouse.x-mouse.startX)+“px”;
element.style.height=Math.abs(mouse.y-mouse.startY)+'px';
element.style.left=(mouse.x-mouse.startX<0)?mouse.x+'px':mouse.startX+'px';
element.style.top=(mouse.y-mouse.startY<0)?mouse.y+'px':mouse.startY+'px';
}
}
canvas.onclick=函数(e){
if(元素!==null){
元素=空;
canvas.style.cursor=“默认”;
}否则{
mouse.startX=mouse.x;
mouse.startY=mouse.y;
element=document.createElement('div');
element.className='rectangle';
总和=总和+1;
element.id=“房间[”+sum+“]”;
$('.rectangle').attr('name','other_amount');
element.style.left=mouse.x+'px';
element.style.top=mouse.y+'px';
canvas.appendChild(元素)
canvas.style.cursor=“十字线”;
}
}
}
document.getElementById('removeall')。onclick=function(){
$('.rectangle').remove();
总和=0;
}
document.getElementById('removeone')。onclick=function(){
$('.rectangle').last().remove();
总和=总和-1;
如果(总和<0){
总和=0;
}
}
$(函数(){
$(“#draggable”).draggable({containment:#containment wrapper”,scroll:false});
} );
document.getElementById('checkposition')。onclick=function(){
var-box=document.getElementById(“box”);
var checkBox=box.getBoundingClientRect();
leftBox=checkBox.left;
topBox=checkBox.top;
rightBox=checkBox.right;
bottomBox=checkBox.bottom;
var room=document.getElementById(“room[1]”);
var checkRoom=room.getBoundingClientRect();
leftRoom=checkRoom.left;
topRoom=checkRoom.top;
rightRoom=checkRoom.right;
bottomRoom=checkRoom.bottom;
如果(leftBox>=leftRoom&&rightBox=topRoom&&bottomBox