Restricts zoom so image cannot be smaller than viewport Default trueĮnable or disable the ability to use the mouse wheel to zoom in and out on a croppie instance.

If set to false - scrolling and pinching would not zoom. Default falseĮnable zooming functionality. Tells Croppie to read exif orientation from the image data and orient the image correctly before rendering to the page.Įnable or disable support for specifying a custom orientation when binding images (See bind method) Default falseĮnable or disable support for resizing the viewport area. We will modify this code later to be a callable function so that the width is no longer hard-coded and the height can be set arbitrarily when users don't want to preserve the aspect ratio. Watch a video course JavaScript - The Complete Guide (Beginner + Advanced) Canvas Firstly, create a canvas, then load the image into it and use toDataURL () to get the Base64 representation. We can use the following JavaScript code to resize our image. The outer container of the cropper Default will default to the size of the containerĪ class of your choosing to add to the container to add custom styles to your croppie Default ''Įnable exif orientation reading. There are several approaches in JavaScript that can help you with converting the image into a Base64 string.

Javascript resize image base64