How to manually set the height and width of the cropbox?

[HeyLetsDebug]

Hi @fengyuanchen

I am trying to set the cropbox height and width via user input and have achieved upto some extent but not sure why the size again changes back to normal on dragging the cropbox.

1. As shown below once I select the options (height and width) and hit start crop the cropbox area gets resized.

///////CODE USED FOR THIS/////////

document.getElementById("start-crop").addEventListener('click', function(){ var cropperCropBox = document.getElementsByClassName("cropper-crop-box") cropperCropBox[0].style.width= document.getElementById("width").value + "px"; cropperCropBox[0].style.height= document.getElementById("height").value + "px"; });

2. But as soon as I start dragging the cropBox the size again changes to original :(

Please help!! Also I am using plain javascript to do so and not jQuery..

[HeyLetsDebug]

resolved