如何计算等比缩放的transform-origin？

Question

<div class="red">
    <div class="black">
        <div class="blue"></div>
    </div>
</div>

红色为父容器，蓝色是黑色中的子元素，位置不变。

求：

黑色放大后，蓝色宽度撑满红色、顶部对齐时，黑色的缩放基点坐标x,y。

也就是transform:scale(一定倍数)时的transform-origin属性值

Answer 1

顶部对齐的话就是顶部两点的连线（绿线）交叉的点