我正在try 从js中的一个css转换矩阵返回值.

这个元素是一个div,使用以下css:

transform: translateY(-560px)

在我的JS中,我当前通过执行以下操作来获取矩阵:

  const el = document.querySelector('[data-holder]')
  return getComputedStyle(el).transform

上面的代码给了我:

matrix(1, 0, 0, 1, 0, -560)

如何从矩阵中提取最后一个值?

推荐答案

解析计算的CSS很脆弱;您可能会在不同的浏览器中收到不同的值,这将不得不迎合这一点.

从你的问题的 comments ,你说,CSS是.

在js函数中设置

在这种情况下,以一种更有用的方式记录相关数据也是有意义的.例如,使用另一个数据属性

const translateY = -560;
el.style.transform = `translateY(${translateY}px)`;
el.dataset.transformTranslateY = translateY;

然后,您可以在以后轻松地读回此值

const translateY = el.dataset.transformTranslateY;

Javascript相关问答推荐

Python类实现的JavaScript吊坠是什么样子的?

输入有关HTML复选框的已判断属性的信息

如何在加载的元数据上使用juserc和await中获得同步负载?

基于每个索引迭代嵌套对象

为什么在获取回调内设置状态(不会)会导致无限循环?

使用print This时, map 容器已在LeafletJS中初始化

如何获取转换字节的所有8位?

如何从URL获取令牌?

如何控制Reaction路由加载器中的错误状态?

Angular 中的类型错误上不存在获取属性

我可以使用使用node.js创建的本地主机来存储我网站上提交的所有数据吗?没有SQL或任何数据库.只有HTML语言

闭包是将值复制到内存的另一个位置吗?

第二次更新文本输入字段后,Reaction崩溃

使用Nuxt Apollo在Piniastore 中获取产品细节

Angular 形式,从DOM中删除不会删除指定索引处的内容,但会删除最后一项

让chart.js饼图中的一个切片变厚?

MarkLogic-earch.suggest不返回任何值

第一项杀死下一项,直到数组长度在javascript中等于1

未捕获语法错误:Hello World中的令牌无效或意外

如何使用[ModelJSON,ArrayBuffer]调用tf.loadGraphModelSync