在两个canvas之间交换图片遇到问题

Question

 function movee(j,i,x,y){
            if(j<0||j>=width_clip||i<0||i>=height_clip)
                return;
            else{
                var str1=i+"_"+j;//c1 id
                var str2=y+"_"+x;//c2 id
    
                var c1 = document.getElementById(str1);//取得Dom元素
                var context1 = c1.getContext("2d");//拿到Canvas的上下文 目前只支持2D渲染
                
                var c2 = document.getElementById(str2);//取得Dom元素
                var context2 = c2.getContext("2d");//拿到Canvas的上下文 目前只支持2D渲染
                
var imagedata2=context2.getImageData(0,0,c2.width,c2.height);
context1.putImageData(imagedata2,0,0);
context2.putImageData(imagedata1,0,0);
                
                c2.id=str1;//c2的id与c1的交换
                c1.id=str2;//c1的id与c2的交换
                POS.X=j;
                POS.Y=i;
                isMove=true;
            }
            
        }
我的本意是在两个指定坐标的canvas之间交换，但是事实上是，c2的canvas不知道为什么取到了屏幕左上角，并没有按照我设定的坐标去，难道是两个canvas同时操作的问题？
求大神帮忙！！！