Databas<->PHP<->JavaScript<->Canvas = confuzzled

Hittade en annan lösning här: http://www.html5canvastutorials.com/labs/html5-canvas-drag-an...
Den uppfyller det mesta jag behöver, förutom emot botten, där den av någon anledning slutar vara dynamisk och använder statiska deklarationer av bildkällorna. Jag prövade med for-loop, men den vill ju inte ha variabler i sources >.<

Vet någon en bättre guide? (den sidan är den enda jag hittat med någorlunda vettiga guider till kinetic.js)

Den tackar vi hjärtligt för. Kommer gå genom koden och försöka lära mig strukturen och skriva om för att passa min applikation.

Ok, jag tycks ha ett problem jag har svårt att komma runt, även i detta skript. När jag klickar på en bild i min sidebar vill jag att den skall läggas till i ritytan. Det är inga större problem, förutom när det kommer till att rita ut den.
Utritningen görs ju onWindowLoad, finns det en event handler som säger något liknande onArrayChange?

Varje bild jag lägger till hamnar ju i den array du kallade Test, så jag tycker det verkar smidigast att lyssna på vad som händer där. Om en bild läggs till där, så vill jag uppdatera ritytan och lägga till bilden. Om en bild plockas bort från arrayen, vill jag att den även plockas bort från ritytan.

Så som det är nu, så måste jag ladda om hela rutan, men då töms ju arrayen och det är inte direkt smidig lösning.

Utan att ha läst din nya kod har jag haft tankar om just det med ett lager per bild. Jag skulle kunna pusha in varje lager i en array och använda mig av ett attribut till: ID.
Varje layer som läggs ut på canvasen får ett ID, när man vill ta bort ett lager (räcker med att senaste kan tas bort, simpelt nog), så tas bara det senaste ID't bort, poppas från arrayen och lagernas tillfälliga minne rensas och ritas ut på nytt.

[edit]: Löste det problemet, återigen slarvfel (de är så fruktansvärt svåra att se ibland >.<)

Nu har jag en lösning som är en rejäl frankenstein av din tidigare testkod och min gamla icke-kinetic-canvas-kod. Lite saker att reda ut (som varför Draggable inte funkar helt plötsligt), men jag tror att grunden är klar.

Tack för all hjälp, jag tror jag förstår mycket mer av logiken bakom JavaScript tack vare din hjälp.

Jo, nu funkar resten av koden, skall bygga härifrån, resten är finslipet, men draggable är en av nyckelfunktionerna så det är den sista grovkodningen. Skall nog få ordning på det till slut!