Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cropbox outline not aligned with the image cropped #1113

Open
stevegnr opened this issue Nov 3, 2023 · 3 comments
Open

Cropbox outline not aligned with the image cropped #1113

stevegnr opened this issue Nov 3, 2023 · 3 comments

Comments

@stevegnr
Copy link

stevegnr commented Nov 3, 2023

Describe the bug
When cropping, the cropbox outline is not aligned with the image cropped, on the right side :
image

To Reproduce
Steps to reproduce the behavior:

  1. The error is visible everytime I want to crop

Additional context
I got a unusual ratio : 1052/1871, but the problem occurs even in a "common" format like 16/9

<Cropper
        ref={cropperRef}
        style={{ maxHeight: "35vh", width: "100%" }}
        aspectRatio={targetWidth / targetHeight}
        src={src}
        viewMode={1}
        background={false}
        responsive={true}
        autoCropArea={1}
        checkOrientation={false}
        zoomable={false}
      />
@mxy8319
Copy link

mxy8319 commented Nov 14, 2023

metoo

@mxy8319
Copy link

mxy8319 commented Nov 14, 2023

i deal it with this
.cropper-view-box { outline: 0px solid #E6E6E6; } .cropper-crop-box .cropper-line.line-e { right: -1px; width: 1px; } .cropper-crop-box .cropper-line.line-n { height: 1px; top: -1px; } .cropper-crop-box .cropper-line.line-w { left: -1px; width: 1px; } .cropper-crop-box .cropper-line.line-s { bottom: -1px; height: 1px; } .cropper-line { opacity: 1; }

@fengyuanchen
Copy link
Owner

@stevegnr Was your problem solved?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants