title: How to get transform value of html element in angular 5
body: <p>I want to get transform value of html-element</p>
  
  <pre><code>&lt;div (click)="onClick($event)"&gt;&lt;/div&gt;
  
  onClick(element: HTMLElement) {
      console.log(element.style.transform); // output: translate(0px, 0px)
  }
  </code></pre>
  
  <p>but I want these values as numbers i.e. something like this</p>
  
  <pre><code>x = element.style.transform.translate.x; // output x = 0
  y = element.style.transform.translate.y; // output y = 0
  </code></pre>