다양한 크기의 이미지가 있습니다. 이러한 이미지를 일종의 자동화 된 콜라주로 캔버스에 배치하고 싶습니다. 누구나이 개념의 논리를 작동시키는 방법에 대한 아이디어가 있습니까?콜라주 캔버스에 이미지 배치
내 모든 이미지의 높이는 36 픽셀로 나눌 수 있고 너비는 9 픽셀로 나눌 수 있습니다. 드래그 앤 드롭 할 수있는 mouseDown 함수가 있습니다. 떨어 뜨리면 이미지는 9로 나눌 수있는 가장 가까운 x 점과 36 점으로 나뉘는 y 점으로 이동합니다. 캔버스 상단에 그리드가 그려집니다.
나는 높이를 기준으로 이미지 배열을 정렬 한 다음 폭을 기준으로 정렬했습니다.
imagesArray.sortOn ("height", Array.NUMERIC | Array.DESCENDING); imagesArray.sortOn ("width", Array.NUMERIC | Array.DESCENDING);
가장 큰 이미지 (imageArray [0])를 사용하여 코너 x, y = 0,0에 넣고 싶습니다. 그런 다음 나머지 이미지를 무작위로 만들어 콜라주 캔버스에 맞 춥니 다.
treemapping이 ...이 재미 있고 내가 할 노력하고있어에 비슷한 모양, 나는 논리가 내 요구에 정확히 맞도록 변환 할 수있는 방법을 모르겠어요. – Bridget
글쎄, 거기에 알고리즘을 주어진 장소에 다른 크기의 물건이 있습니다. 나는 그것이 이미지로 멋지다고 생각한다. :) – ilikeorangutans