Javascript Panzoom测距仪与我的zoomclick不匹配

我在用panzoom做我的一个项目。我有一个范围指示器，它向用户提供它被放大多远的信息

此代码不适用于我： 我需要改变什么

const panzoom = Panzoom(elem)
zoomInButton.addEventListener('click', panzoom.zoomIn)
zoomOutButton.addEventListener('click', panzoom.zoomOut)
resetButton.addEventListener('click', panzoom.reset)
rangeInput.addEventListener('input', (event) => {
  panzoom.zoom(event.target.valueAsNumber)
})

---

如果从链接和复制代码的panzoom页面中查看第一个示例，您将发现以下html：

<div class="live-example">
  <div class="buttons">
    <label>Try me: </label>
    <button>Zoom in</button>
    <button>Zoom out</button>
    <button>Reset</button>
    <input class="range-input" type="range" min="0.1" max="4" step="0.1" value="1">
    <div>
      <input type="checkbox" id="disable-pan" checked="">
      <label for="disable-pan">Enable panning</label>
    </div>
  </div>
  <div class="panzoom-parent" style="overflow: hidden; user-select: none; touch-action: none;">
    <div class="panzoom" style="cursor: move; user-select: none; touch-action: none; transform-origin: 50% 50%; transition: none 0s ease 0s; transform: scale(1.2) translate(0px, 0px);">
      <img width="450" height="450" src="awesome_tiger.svg">
    </div>
  </div>
</div>

试试我：
放大
缩小
重置
启用平移

---

因为我找不到像CDN这样的在线解决方案，所以我无法在一个系统中提供。您必须安装带有npm的panzoom，就像在Firefox中为我工作的…

中提到的那样。我建议你创建一个最小的例子，而不是添加外部url，否则这个问题对于未来的访问者来说将是无用的，以防你的网站崩溃？你能给我写一段小代码吗，这是如何工作的