标签: javascript css html5
我要将一些图像随机排列在一个盒子中,使得它们的非透明区域不应重叠。每个图像可以随机调整大小和旋转。
我不想把它们安排在砖石网格中。
我能想到的是随机将图像放在盒子里。然后找到在多个末端相交的图像,并通过调整大小或旋转来调整它们。
我能想到的其他解决方案是将图像放在框中,就像它们没有交叉一样。现在随机增加它们的大小,直到它们相交。
无论采用哪种方法,如何知道两幅图像是否在非透明区域相交?
示例结果:包含8个框。每个方框包含8张图片。