Javascript 如何在angular 5中获取html元素的转换值

我想得到html元素的转换值

<div (click)="onClick($event)"></div>

onClick(element: HTMLElement) {
    console.log(element.style.transform); // output: translate(0px, 0px)
}

---

以下是如何获得

translate x，y

的值：

var style = window.getComputedStyle(element);
var matrix = new WebKitCSSMatrix(style.webkitTransform);
console.log('translateX: ', matrix.m41);
console.log('translateY: ', matrix.m42);

计算样式：

---

矩阵。*:

查看请查看所需输出，我更新了问题，请查看您给定的链接不满足要求。请告诉我正确的密码是的不，那不会发生的。转换不是那样工作的。@mwn当我还是一名实习生/初级开发人员时，我向我的老板问了很多简单的问题。过了一会儿，他说：“伙计们，你们似乎很快就会问，我是否需要按下这个按钮？”。我原以为他是不对的，但一个月后我自学了很多小东西，学习做研究，学得很快。所以对于想要成为一名优秀开发人员的开发人员来说，必须能够使用文档并进行研究。另外，只有在你告诉我我傲慢之后，我才投了反对票。这不是标准，只适用于Safari、ie10、11和edge。如果不是，请给出标准standard@Darkrum你测试过了吗？我刚刚做了，它在Chrome（64）和Firefox（56）上运行良好。不客气，很高兴我能帮上忙，否决票不是我的，但我删除了一张我知道你不是的。很高兴看到你的反应

var style = window.getComputedStyle(element);
var matrix = new WebKitCSSMatrix(style.webkitTransform);
console.log('translateX: ', matrix.m41);
console.log('translateY: ', matrix.m42);