放大缩小，移动html元素先看一个效果 https://plingply.github.io/ScaleElement/

先看一个效果 plingply.github.io/ScaleElemen… （请在手机上查看）

推荐一个插件 scale-element，基于css transfarm实现，它具有过渡平滑，边界判定，定义缩放范围等功能。

安装

npm i scale-element

HTML代码

<div class="box">
  <div class="scale"></div>
</div>

样式

* {
        padding: 0;
        margin: 0;
      }
      .box {
        width: 100%;
        height: 100vh;
      }
      .scale {
        width: 200px;
        height: 200px;
        background: #ad3b43;
        position: absolute;
      }

import scaleElement from 'scale-element'

const scale = new scaleElement('#pdfRef', {
    defaultScale: 1,
    minScale: 1,
    maxScale: 3,
    limit: true,
})

scale.init()