鍍金池/ 問(wèn)答/HTML5  HTML/ 如何計(jì)算等比縮放的transform-origin？

如何計(jì)算等比縮放的transform-origin？

clipboard.png

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

紅色為父容器，藍(lán)色是黑色中的子元素，位置不變。

求：

黑色放大后，藍(lán)色寬度撐滿紅色、頂部對(duì)齊時(shí)，黑色的縮放基點(diǎn)坐標(biāo)x,y。

也就是transform:scale(一定倍數(shù))時(shí)的transform-origin屬性值

回答
編輯回答
玄鳥

圖片描述

頂部對(duì)齊的話就是頂部?jī)牲c(diǎn)的連線（綠線）交叉的點(diǎn)

2017年12月5日 14:32