我有一个html元素，上面应用了一个jquery.panzoom。此元素是放置容器，用户可以在其中将元素从菜单中拖放到菜单中。
将某些东西放到该容器上时，需要在执行（放下鼠标）upperup的确切位置上渲染放下的元素。然后将容器的缩放比例设置为1时，一切正常。
但是，当zoom为1以外的任何其他值时，放置侦听器上的位置（事件x和y坐标）将被“转换”，并且元素将在相对于容器“ zoom”的事件位置处呈现。
我知道发生这种情况是因为panzoom插件使用css变换创建了如下所示的平移和缩放效果
<div class="canvas" ondrop="canvasVM.dropHandler($event)" ondragover="canvasVM.dragoverHandler($event);" style="transform: matrix(0.5, 0, 0, 0.5, 0, -1); transform-origin: 50% 50% 0px;">
，此变换也将应用于新拖动的元素。
是否有办法反转此放置元素的变换以获取放置事件的原始位置？还是有一种方法可以计算容器上元素的位置（如果元素上没有任何变换）？
非常感谢您的帮助。