我正在使用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)隐藏边缘,但这会在每一侧留下空白,并且对于纵向图像,这些空白位于顶部/底部。
任何人都可以帮助解决这个问题吗?