Search the Community

Здравствуйте, Применяя библиотеку jCanvasScript, в сanvas загрузил несколько картинок, нужно что бы некоторые картинки поменялись местами(по клику), но получается, что картинки местами меняются,а при этом старые картинки остаются на местах(вместо двух - четыре после клика,и вторым слоем, так первые не куда не делись). function start(){//body onload var img =[]; for(var i=0;i<16;i++){ img[i]=new Image; img[i].src="./image/"+i+".png"; } var numberField=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,0]; jc.start('firstCanvas',true); function allonloadImages(){//initialization by canvas id for(var i=0;i<16;i++){ jc.image(img[i],cordinaImg[i],cordinaImg[i]).id('img'+i); }; }; jc.start('firstCanvas'); for(var i=0;i<img.length;i++){ img[i].onload=allonloadImages; } } function coordinateClick(e){ for(var i=0;i<16;i++){ jc('#img'+i).click(function(point){ if(...){//здесь меняем местами картинки jc('#img'+i).translateTo(x,y); jc('#img15').translateTo(x1,y1); } }); НА сайте jsбиблиотеки http://jcscript.com/...ons/translateTo есть примеры, но без картинок, с фигурами которые рисутся в канве. Можно ли то же самое сделать с картинками? Или тут сложнее,нужно картинки каждый раз перезагрузать(через onload)? Откуда вторые копии картинок беруться?