Uncaught DOMException: Failed to execute 'inverse' on 'SVGMatrix': The matrix is not invertible.

[yangdan8]

这个bug比较难重现,我只能写个控制台报错内容,然后将错误的代码位置上传给你
This bug is hard to reproduce. I can only write a console to report the wrong content and upload the wrong code to you.

[bumbu]

Hi @yangdan8.
Does this happen when you call the destroy method? It seems so from the logs.
Do you do anything else prior to that? Maybe you unmount the SVG from the DOM and then call the destroy, but because the SVG doesn't exist anymore - it just fails?
It's really hard to understand what's going on without a proper description and an example.

[bumbu]

Closing as no details provided.

[hermanbanken]

I'm seeing this as well. Either reset, or destroy.

I'm using Chrome 77.

[hermanbanken]

The SVG is definitely not unmounted.

[hermanbanken]

Nevermind, I found that simply having multiple instances of SVGPanZoom on the same page causes this issue too! Fixed that by only rendering one at the same time.

[HammadManzoor]

Faced the same issue. The problem occurs when you try to use reset when the container for the svg is not visible on the viewport. I fixed it by checking for this before performing reset.

const divElement = this.el.nativeElement.querySelector( '#myContainer' ); if (divElement) { const viewportHeight = window.innerHeight; const divOffset = divElement.getBoundingClientRect().top; // Check if the div is in the viewport if (divOffset < viewportHeight) { this.svgPanZoom.resize(); this.svgPanZoom.reset(); } }