fengyuanchen cropper如何使用多张图片

Question

我正在使用 fengyuanchen cropper 库创建图像裁剪器，它也可以工作，但我想将它用于多个图像，如下面的屏幕截图但我很难重新初始化它 plugin因为它只支持一张头像。

Answer 1

CropperJs 支持该功能。您可以在 javascript 中这样做：

     <script>
    window.addEventListener('DOMContentLoaded', function () {
      var images = document.querySelectorAll('img');
      var length = images.length;
      var croppers = [];
      var i;
      for (i = 0; i < length; i++) {
        croppers.push(new Cropper(images[i]));
      }
    });
  </script>

此代码片段可在官方 Github 存储库中找到 https://github.com/fengyuanchen/cropperjs/blob/35c6ce5bc345317c1acfb39e1ceab8af6dee1247/examples/multiple-croppers.html

fengyuanchen cropper如何使用多张图片

how to use fengyuanchen cropper for multiple images

jquery-plugins

cropper