I am developing an application in which i am suppose to drag and drop images on canvas and that canvas would be designed with multiple lines(columns) with fixed distance.
Those images would only be dropped within those dynamically created columns. and those images would be internally moveable within columns(horizontally as well as vertically) of that canvas.
I have created dynamic columns(lines) in canvas and i can drag and drop my images into columns of that canvas. now i want some help or logic to set my images in particular column as per the major area covered by image at the time of draopping.
like example if i try to drop image between 1st and 2nd column and major part(area) of image resides in 2nd column it would directly dropped into 2nd column. my major problem is i cannot identify no of lines which i have created dynamically to drop images inside.so further i can write logic of drag drop inside canvas.
It would be great help if someone gives me some ideas to implement this functionality.