仅在裁剪区域（cropper-js）内显示图像

Question

我正在使用cropper-js（fengyuanchen制造）使用图像裁剪工具。这是一个很棒的工具，除了一件事以外，其他所有东西都可以完美运行，我不确定是否会错过设置中的某些内容。

用户应该能够移动图像（而不是可移动的裁剪区域）。裁剪区域是一个响应正方形，并且图像仅应在裁剪区域内部可见。现在，可以在裁剪区域的内部和外部看到该图像。我想去除边缘（当图像处于纵向模式时，边缘在顶部/底部）。

示例：

我目前使用的设置是：

drag-mode = move
guides = false
view-mode = 1
background = false
autoCropArea = 1
cropBoxMovable = false
cropBoxResizable = false
modal = false (with the image examples I turned this to true for a better view of the issue)
center = false
highlight = false
aspectRatio = 1

可以使用css（类cropper-canvas）隐藏边缘，但是在每侧都留有空白，并且在纵向图像中这些空白位于顶部/底部。

有人可以帮忙吗？