Stack Overflow
Stack Overflow

Questions tagged [cropper]

128 questions
9
votes
2 answers

Using Croppie - Simple Example

I'm trying to use the image cropper, Croppie from Foliotek, but for some reason it is not working for me - And I am using a very simple example. I am using the demo example from the following page: http://foliotek.github.io/Croppie/ But all I get is…
James
  • 91
  • 1
  • 1
  • 2
7
votes
1 answer

How to use Cropper.js into Angular2 project with angular-cli?

I want use cropper.js (https://github.com/fengyuanchen/cropperjs) to create an Angular2 cropper with angular-cli. My directive is: import {Directive, ElementRef, Input, OnInit} from '@angular/core'; import Cropper from 'cropperjs'; @Directive({ …
Pierre-Luc BLOT
  • 429
  • 7
  • 22
6
votes
1 answer

Cropper.js crop programmatically

I am using cropper.js (https://github.com/fengyuanchen/cropperjs) to manipulate images, but I could not find a way to crop my image programmatically. What I am trying to do is create a cropped preview immediately after initialising the cropper. var…
o15a3d4l11s2
  • 3,969
  • 3
  • 29
  • 40
4
votes
2 answers

how to give cropper.js a fixed height and width to crop accordingly

I am using cropper.js v0.8.0 I using the below jQuery code to crop the image. function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { …
Akshay Shrivastav
  • 1,115
  • 4
  • 17
  • 43
4
votes
2 answers

Make fengyuanchen cropper responsive

https://github.com/fengyuanchen/cropper I successfully implemented the cropper on my project but it's not usable on mobile because the image is always bigger than the modal container (the cropper is inside a modal) and I cannot see all the image on…
Duarte Andrade
  • 85
  • 3
  • 9
4
votes
2 answers

How to get a fixed sized crop from Cropper

I'm using Cropper to try and get a fixed size crop from uploaded images. The idea is that the admin of the website will be able to zoom if (if needed) and frame the new image in the Cropper that can't be changed. In this way all images that are…
Simon Rigby
  • 1,786
  • 4
  • 17
  • 28
3
votes
2 answers

How to apply cropping to image with cropper.js?

I'm trying to realize, how to use cropper.js, and so far it looks pretty good, but... when I trying to crop the image, how can I put the result back to my form? My input has id 'profile_avatar'. So I try to put there updated image, and…
Ruslan Valeev
  • 1,529
  • 13
  • 24
3
votes
1 answer

React-cropper - cropBox is out of the image

I'm using the latest cropper.js react package react-cropper in my current project and I'am just lost. The problem is, that the crop area can go outside of the image, which should not. I have tried everything I can think of. Here is the _crop method…
Jan Jiráň
  • 349
  • 5
  • 14
3
votes
1 answer

How to deal with scale and large images in Cropper.js?

I'm attempting to use Cropper.js to allow the user to crop large images -- images usually larger than 3000x3000 pixels. When the image loads into my div element, it scales down to 1024px wide. In my test case, the original image is 4032x2268, so…
RobG
  • 576
  • 2
  • 9
  • 21
3
votes
1 answer

Cropper plugin not removing dashed lines in viewwindow

I'm using the cropper plugin (version 2.3.4) to crop images in a modal window. Everything seems to be working fine except when I use 'dashed: false' as an option, the dashed lines aren't removed. Here is the small bit of code to initialize the…
chuckd
  • 13,460
  • 29
  • 152
  • 331
3
votes
3 answers

Jquery Crop: cropper image not changing

I have the following code:
samleurs
  • 146
  • 1
  • 11
2
votes
1 answer

How to load placeholder in cropper after upload

I'm using vue-cropper 4.1 from cropperjs with Nuxt 2.13. when my cropper load it shows a placeholder, after choosing image and uploading it, the cropper still shows the chosen image, but i wanna load the placeholder again. what should i do? i tried…
Mojtaba Barari
  • 1,127
  • 1
  • 15
  • 49
2
votes
2 answers

Uncaught TypeError: $(...).cropper is not a function - cropper.js

I tried the tutorial at this link My code is
Steve
  • 2,963
  • 15
  • 61
  • 133
2
votes
2 answers

how to destroy cropper.js properly so that next crop will get new image?

i have a vue app form that has an image uploader by ant-design-vue upload. i linked this image uploader to a new components that process the image to crop after upload by using cropper.js. for the first time crop everything were fine and worked…
Khairul Habib
  • 452
  • 1
  • 12
  • 29
2
votes
2 answers

ngx-image-cropper: Reset the source image to previously cropped image

I am using the ngx-image-cropper library for cropping images in my Angular 8 project. What I want to do is: I want to show the cropper inside a modal on selecting a file. The modal has a crop button on clicking which the image will be cropped (no…
Nimish David Mathew
  • 2,958
  • 6
  • 29
  • 45
1
2 3
…
8 9