问题标签 [panzoom]

我无法在 Angular 中使用Panzoom Javascript 库。我明白了

这是我到目前为止所做的事情的堆栈闪电。这是它应该如何工作的工作演示

任何人都可以帮我解决问题吗？谢谢

我已经按照这篇文章中提到的所有步骤

我已经尝试过这个github 帖子中发布的解决方案

重现步骤：

1. 单击放大按钮两次。
2. 当缩放为 150% 时；点击缩小。

图像放大但实际上应该缩小

除了重置缩放以强制图像在使用Panzoom 库进行平移时不会完全丢失之外，还有其他方法吗

这是这篇文章的延续

当我单击并放大图像时，它将居中的图像向右推我如何强制它缩放而不是向右移动

我想将图像的初始位置设置为居中，我该怎么做？我不想做 CSS 居中，因为它只会在我第一次希望将位置设置为容器的中心时应用。

我需要保持风格#scene {display: inline-block;}，否则在边界内平移会中断。

最初如何在加载时将此图像居中

我正在尝试实现vue-panzoom的手动缩放选项。panzoom 是父库和

这里很好演示的默认缩放是我想要实现的目标 https://timmywil.com/panzoom/demo/#Panning%20and%20zooming

根据原始库（panzoom），有 zoom、zoomIn 和 zoomOut 函数，

但实例没有这些方法

到目前为止我能找到的唯一方法是使用平滑缩放功能，我不知道如何使用它

这是我到目前为止所尝试的

https://codesandbox.io/s/poc-zoompan-dz70x?file=/src/App.vue:737-793 请看一下，任何建议都会有所帮助。

我正在尝试通过香草脚本标签将 panzoom 添加到我的页面。在文档中它说：

使用脚本标签：

我在包中找不到名为 js 的文件夹，也找不到名为 panzoom.js 的文件，只有 src/panzoom。ts。尝试包含此文件会导致错误：

拒绝执行来自 '.../panzoom.ts?ver=5.4.1' 的脚本，因为它的 MIME 类型 ('video/mp2t') 不可执行。

我怎样才能让这个库运行？有没有我可以添加到我的页面的单个 js 文件？

使用panzoom库，假设包含的 div 是 400x300px，并且在 120-150x200-250（缩放之前）上找到了一个有趣的项目，如何以编程方式缩放到这个矩形并平滑放大？

我正在使用 Angular 10 和panzoom。在 panzoom 元素内，我有使用@angular/cdk/drag-drop的可拖动元素。

这工作正常，直到我用 panzoom 放大或缩小。放大时，拖动会加速并且比我的鼠标移动得更快。缩小时它会减速并且比我的鼠标移动得更慢。

我认为这是由于像素位置与全景缩放中的缩放元素以某种方式造成的。

我找到了处理它的这个答案，但我无法复制它，它正在使用 JQuery 可拖动。

有谁知道如何使可拖动元素在使用 panzoom 和 angular-cdk-drag-drop 放大或缩小时保持与鼠标相同的速度？

谢谢你。

我想使用这个插件来缩放和平移许多其他组件，但我正在努力找出实现的最佳方法

https://github.com/timmywil/panzoom 看起来很好用的库

我才刚开始玩，但我的假设是制作一个基本组件

然后我在我的 Home.vue （视图）中将缩放组件包裹在其他组件周围

这似乎没有做任何事情:)有人可以指出我正确的方向吗？谢谢