Javascript 在jCanvascript中转换为图像

我应用jcanvaScript（JavaScript库）

在canvas元素上有一些图像如何可以交换位置图像（例如，单击鼠标后）

    function start(){   

// Add mouse listener.
canvas = document.getElementById('firstCanvas');

canvas.addEventListener('click',coordinateClick);

    var img =[];
    for(var i=0;i<16;i++){
    img[i]=new Image;
    img[i].src="./image/"+i+".png";
    }

    jc.start('firstCanvas',true);

        function allOnloadImages(){//initialization by canvas id


            for(var i=0;i<16;i++){

            jc.image(img[i],cordinaImg[i][0],cordinaImg[i][1]).id('img'+i);

            };              

    };              

    jc.start('firstCanvas');

    for(var i=0;i<img.length;i++){
        img[i].onload=allOnloadImages;          
    }

}
function coordinateClick(e){

 ...    
//here we interchange the position of pictures 


    jc('#img'+i).translateTo(cordinaImg[numberFieldEmpty][0],cordinaImg[numberFieldEmpty][1]+11);
 jc('#img15').translateTo(cordinaImg[i][0],cordinaImg[i][1]+11);
...

    }

jc('#img'+i).del();//