coca-cola-group-photo
/
index.html

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
  <meta name="viewport"
    content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
  <title></title>
  <link rel="stylesheet" href="./main.scss">
</head>
<style>
  html,
  body {
    -ms-touch-action: none;
    padding: 0;
    border: 0;
    margin: 0;
    height: 100%;
    -webkit-user-select: none;
    /* 禁止选中文本（如无文本选中需求，此为必选项） */
    user-select: none;
  }

  .thfix {
    left: 50%;
    top: 50%;

  }

  #daguoli {
    width: 750px;
    height: 1624px;
    position: fixed;
    left: 0;
  }
</style>

<script>
  !function () {
    window.addEventListener('DOMContentLoaded', function () {
      let n, r;
      const d = () => {
        t = (r = $(window).width(),
          1624 < (n = $(window).height() * (750 / r)) && (n = 1624),
          $('.thfix').css("-webkit-transform", "translate(-50%, -50%) scale(" + r / 750 + ")"),
          -Math["abs"](n - 1624) / 2);
      }
      d()
    })
  }();
</script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script type="text/javascript" src="https://show.malukeji.com/common/js/maluWx_V2.js"></script>
<script>
  maluWx.share()
</script>

<body>
  <div id="app" class="thfix" style="overflow: hidden;position: fixed;">

  </div>
  <!-- 单人模板 -->
  <div class="cam_group">
    <div class="imgcam1" id="camimg1">
      <div id="croppedContainer1"></div>
      <img class="imgcam_img1" src="./assets/hezhao/hezhao-danren1.png" />
    </div>
    <div class="imgcam2" id="camimg2">
      <div id="croppedContainer2"></div>
      <img class="imgcam_img2" src="./assets/hezhao/hezhao-danren2.png" />
    </div>
    <div class="imgcam3" id="camimg3">
      <div id="croppedContainer3"></div>
      <img class="imgcam_img3" src="./assets/hezhao/hezhao-danren3.png" />
    </div>
  </div>
  <!-- 双人模板 -->
  <div class="cam_shuang_group">
    <div class="cam_shuang_img" id="cam_shuang_img">
      <div id="croppedContainer4"></div>
      <div id="croppedContainer5"></div>
      <img class="imgcam_img1" src="./assets/hezhao/hezhao-shuangren1.png" />
    </div>
  </div>
  <div id="hezhao_upload_canvas">
    <img class="upload_canvas_video_img" src="" id="upload_canvas_video_img" />
  </div>
  <script type="text/javascript" src="https://creat.elloworld.cn/common/js/vconsole.min.js"></script>
  <script>
    var vConsole = new VConsole();
  </script>
  <script src="https://creat.elloworld.cn/common/js/jquery-v3.7.1.min.js"></script>
  <script src="https://creat.elloworld.cn/common/js/hammer.min.js"></script>
  <script src="https://creat.elloworld.cn/common/js/jquery.hammer.js"></script>
  <script src="https://creat.elloworld.cn/common/js/qrcode.min.js"></script>
  <script type="module" src="./src/main.js"></script>
</body>
</html>