vue-picture-cropperPreset Mode: Round
In some business scenarios, it may be necessary to crop the picture into a round image (e.g. avatar), this plugin provides out-of-the-box preset mode support, just need to pass in the relevant options of presetMode .
TIP
Please note that in circular mode, the cropping result is fixed to a .png file.
Live Demo
Click the button to select the picture first, and it will enter the cutting process.
Source Code
You can adjust it yourself by referring to the usage of the demo: View the source code of this demo .