Hjälp med att ta bort objekt från KineticJS

Permalänk

Hjälp med att ta bort objekt från KineticJS

Jag försöker göra en funktion för att plocka bort senast tillagda produkten från den applikation jag håller på med.
Till detta använder jag följande bit kod:

document.getElementById("remove").addEventListener("click", function(){ var images = getImages(); //images får nu en array med alla bildobjekt var remove = product.pop(); //product är en array för mina produkter remove = images.pop(); layer.remove(remove.kinetic); updateStage(); //Ritar om Stage hasBeenAdded--; });

getImages returnerar en array med kinetic.image-objekten som finns ute på ritytan och ser ut så här:

function getImages() { var imgs = []; for (i = 1; i < product.length; i++) { var imgObj = new Image(); imgObj.src = product[i].src; var img = { kinetic: new Kinetic.Image({ image: imgObj, x: this.x, y: this.y, width: product[i].width, height: product[i].height }) } img.kinetic.draggable(product[i].drag); imgs.push(img); } return imgs; }

Det som händer när jag trycker på knappen med ID remove är att FÖRSTA bilden plockas bort, men i produkt-arrayen och listan är det sista, som det skall vara.
Jag har prövat att vända på images-arrayen eller manuellt välja sista objektet i den arrayen utan resultat. Har testat att göra om loopen i getImages för att vända på den, men det resulterade i att det bara var bilden från första produkten som ritades ut, oavsett vad man klickade på. Lade hasBeenAdded-- före updateStage, men det gjorde bara att alla bilder ritades ut dubbelt och ingen bild togs bort.

Är det någon som vet vad jag gör fel?

Visa signatur

Stationär: Processor: Intel i5 3.2GHz, RAM: 4Gb, Grafikkort: ATI Radeon HD 5850, OS: Windows 7 Proffessional x64
Laptop: ASUS K53E, Processor: Intel i5 2450M, RAM: 4Gb, Grafik: Integrerad Intel GMA HD, OS: Win7 Home Premium x64 och Xubuntu 10