获取重叠div的多边形

Question

如何获得三个重叠div的多边形（point1x point1y，point2x point2y，point3x point3y ...）？旋转div以使多边形不是矩形。检查 http://jsfiddle.net/Lgff6qv9/

<div class="rect red"></div>
<div class="rect green"></div>
<div class="rect blue"></div>

我想要深紫色区域的多边形。当然在JavaScript中： - ）