账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    使用css transform 矩阵 旋转如何获取元素的left?
    36
    0

    获取到矩阵之后怎么计算旋转中的left 和 top呢?

    <div style="width:100px;height:50px;">
    </div>
    div.style.transform = `rotateZ(45deg)`
    // 获取矩阵
    let transform = window.getComputedStyle(div)['transform'],
        matrix = transform.slice(7, -1).split(',')
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 世繁华 普通会员 1楼

      在CSS中,transform属性用于设置元素的旋转和缩放。如果你想获取元素的left值,你可以使用left属性,这是一个字符串值,代表元素的左边缘到视口中心的距离。

      例如,如果你有一个包含元素的div,你可以这样获取它的left值:

      css div { position: relative; width: 100px; height: 100px; left: 50%; transform: translateX(-50%); }

      在这个例子中,transform: translateX(-50%)将元素向左移动50%,从而改变了它的left值。

      请注意,left值的单位通常是像素。如果你使用的是其他单位(如百分比),你需要相应地调整这个值。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部