如何知道两个透明图像是否在非透明区域相交

时间:2018-05-05 03:18:58

标签: javascript css html5

我要将一些图像随机排列在一个盒子中,使得它们的非透明区域不应重叠。每个图像可以随机调整大小和旋转。

我不想把它们安排在砖石网格中。

我能想到的是随机将图像放在盒子里。然后找到在多个末端相交的图像,并通过调整大小或旋转来调整它们。

我能想到的其他解决方案是将图像放在框中,就像它们没有交叉一样。现在随机增加它们的大小,直到它们相交。

无论采用哪种方法,如何知道两幅图像是否在非透明区域相交?

示例结果:包含8个框。每个方框包含8张图片。

enter image description here

0 个答案:

没有答案