Zoom canvas with translate and matrix tranform in angular prolem

After seeing this example Zoom Canvas to Mouse Cursor

http://phrogz.net/tmp/canvas_zoom_to_cursor.html

I followed the example to port it to angular but fail. I have been observing the svg matrix. this.svgMatrix = this.svg.createSVGMatrix(), It doesnt get changed in value. But what i see from the example above, it did change in value of the svg matrix when performing move action to the picture. Below is the link to example code i have written.

Please enlighten me which part i am missing.

[example code][1]

  [1]: http://plnkr.co/edit/Wd2aHNtgacuIcsUp?open=lib%2Fapp.ts&deferRun=1


Read more here: https://stackoverflow.com/questions/64939837/zoom-canvas-with-translate-and-matrix-tranform-in-angular-prolem

Content Attribution

This content was originally published by nonamime at Recent Questions - Stack Overflow, and is syndicated here via their RSS feed. You can read the original post over there.

%d bloggers like this: