Agontuk / vue-cropperjs

A Vue wrapper component for cropperjs https://github.com/fengyuanchen/cropperjs
MIT License
937 stars 224 forks source link

Crop drag and resize not smooth #102

Open caroig opened 3 years ago

caroig commented 3 years ago

I'm using the vue cropper in a large project with vue 2.x, and vuetify. It all works wonderfully, but the crop window drag and resize has a lot of lag and stutter. The preview window responds immediately when the crop window is dragged or resized, but the crop window lags behind.

https://user-images.githubusercontent.com/61102/118612044-afbc7e80-b7bd-11eb-9964-b3ee5e8d97cb.mp4

Agontuk commented 3 years ago

Are you handling the drag events ? If so, maybe there's some expensive operation that's causing the lag. Also check if ui is re-rendering for each drag event.

kaushikmakholiyanls commented 2 years ago

Yes same its lagging and also sometime browser hang and crashed too.

lateek35 commented 1 year ago

@caroig I think that part of your lags is caused by a css transition set on your cropper-crop-box.